一.工程建立（終端內建立）

1、確保安裝過vue-cli模組 npm install vue-cli -g
2、初始化本地專案（下載腳手架摸版）vue init webpack xxx(工程名稱)
3、1 Y 3 N
4、進入到工程資料夾下，cd xxx
5、執行專案於本地伺服器，npm run dev

二．專案下各個包所代表的意思*

build ——專案配置資料夾
build.js ——專案環境配置程式碼
check-version.js ——檢查node-npm版本的外掛
logo.png ——vue的logo圖片
utils.js ——專案配置變數
vue-loader.conf.js ——在.vue檔案中用於處理css的規則
webpack.base.conf.js ——webpack基礎配置
webpack.dev.conf.js ——webpack開發環境配置（包括測試伺服器環境）
webpack.prod.conf.js ——webpack生產環境配置（打包時的配置程式碼）
config ——環境變數的配置

dev.env.js ——開發環境變數配置
index.js ——webpack相關變數配置（開發環境介面代理在這裡配置）
prod.env.js ——釋出環境變數配置
node_modules ——當前工程下載的第三方模組外掛包（npm下載和管理的模組所在的位置）
src ——原始碼目錄
assets ——靜態資原始檔（會被webpack構建並打包的）
logo.png ——logo圖片屬於靜態資源
components ——vue公共元件
HelloWorld.vue ——一個元件檔案(.vue)
router ——路由配置
index.js ——具體路由程式碼
App.vue ——vue的頁面入口，開啟的頁面就是這個檔案
main.js ——webpack打包的入口檔案，載入各種元件、配置、變數
static ——純靜態資原始檔夾，不會被webpack打包
.babelrc ——es6語法編譯配置
.editorconfig ——定義程式碼格式
.gitignore ——git上傳時需要忽略的檔案的列表
.postcssrc.js ——postcss-loader模組配置檔案，用於載入css
index.html ——專案真正的入口（app.vue需要嵌入在html裡）
package.json ——專案基本資訊(包括一些指令等)
package-lock.json ——專案依賴包版本，鎖定檔案
README.md ——專案說明檔案（使用markdown語法編寫）