vue-cli腳手架的搭建和使用
首先，確定你的電腦上已經(jīng)安裝了nodejs，可以使用npm包管理器安裝環(huán)境。
1） 打開cmd命令窗口，找到你要新建項(xiàng)目的文件夾下，可使用node -v檢查node的版本，如果出現(xiàn)版本號則node已安裝。
確定node是否安裝
2） 使用以下命令全局安裝vue-cli：npm install vue-cli -g，當(dāng)然了，我們是在國內(nèi)，npm安裝的速度和下載的時候可能會出問題，所以我現(xiàn)在用npm install -g cnpm --registry=https://registry.npm.taobao.org然后運(yùn)行
3） 創(chuàng)建項(xiàng)目：vue init webpack my-project （my-project是項(xiàng)目名稱可自取）
創(chuàng)建項(xiàng)目
需要注意的是項(xiàng)目的名稱不能大寫，不然會報錯。
- Project name :項(xiàng)目名稱 ，如果不需要更改直接回車就可以了。注意：這里不能使用大寫。
- Project description:項(xiàng)目描述，默認(rèn)為A Vue.js project,直接回車，不用編寫。
- Author：作者，如果你有配置git，他會讀取.ssh文件中的user。
- Install vue-router? 是否安裝vue的路由插件，Y代表安裝，N無需安裝，下面的命令也是一樣的。
- Use ESLint to lint your code? 是否用ESLint來限制你的代碼錯誤和風(fēng)格
- setup unit tests with Karma + Mocha? 是否需要安裝單元測試工具Karma+Mocha。
- Setup e2e tests with Nightwatch?是否安裝e2e來進(jìn)行用戶行為模擬測試。
- Should we run npm install for you after the project has been created?(recommended)npm 選擇使用npm安裝
4） 執(zhí)行 npm run dev 命令，啟動項(xiàng)目
啟動成功
項(xiàng)目文件結(jié)構(gòu)
通過瀏覽器訪問鏈接 http://localhost:8080 來訪問項(xiàng)目，是默認(rèn)的主頁。
