在使用webpack+vue.js構建項目之前，首先得全局安裝node，必須在node環境下構建。
1.創建一個基于webpack的項目
創建一個文件夾（如：vuell），使用 （vue init webpack +文件夾名） 命令創建項目目錄。
vue init webpack vuell
接下來有幾個選項需要選擇，這根據項目開發的需求選擇是否安裝，如下圖，可以直接按enter
6DC7D6FD811130CFBEE44D9E938C0DE7.png
創建基于webpack的目錄創建成功后，文件夾內容如下：
DE15EF9F02B12E40658EF431C676E63D.png
2. 開啟服務器
cd 進入文件夾（vuell）運行一下命令開啟服務器
1. cd vuell
2. npm run dev
終端出現下面的服務器端口時，則配置成功
F66727C3BF85ACD5F191B2CAFB712CB3.png
訪問http://localhost:8081/本地服務器：會出現vue的界面
A3B0F9D29E2B61234550FD189456797B.png
這樣，基于webpack的vue項目就構建成功了，最后來說一下項目完成時，項目的打包
項目打包
一般寫項目都是操作src文件夾，html，css，js，image
等都在這寫，項目完成時，使用 npm run build 打包項目，此時會生成一個dist!
文件夾，放的便是打包后的項目。
npm run build
8693837C78C3BB38C5AA10355A727C91.png
end----------------
