搭建VUE腳手架 vue cli

確保node.js和npm/cnpm都安裝好的情況下，檢視命令：node -v/npm -v/cnpm -v,有返回版本號即為安裝成功，npm和cnpm有乙個即可，cnpm是**映象的npm，相對npm更快更穩定，配置命令：npm install -g cnpm --registry=

在用 vue.js 構建大型應用時推薦使用 npm 安裝，npm 能很好地和諸如 webpack 或 browserify 模組打包器配合使用。vue.js 也提供配套工具來開發單檔案元件。

cnpm install vue

vue-cli 提供乙個官方命令列工具，可用於快速搭建大型單頁應用。該工具提供開箱即用的構建工具配置，帶來現代化的前端開發流程。只需幾分鐘即可建立並啟動乙個帶熱過載、儲存時靜態檢查以及可用於生產環境的構建配置的專案：

全域性安裝 vue-cli

cnpm install --global vue-cli

要建立專案，首先我們要選定目錄，然後再命令列中把目錄轉到選定的目錄。可以使用：

需要注意的是專案的名稱不能大寫，不然會報錯。

project name (my-project) # 專案名稱（我的專案）

project description (a vue.js project) # 專案描述乙個vue.js 專案

author 作者（你的名字）

install vue-router? (y/n) # 是否安裝vue路由，也就是以後是spa（但頁面應用需要的模組）

use eslint to lint your code? (y/n) # 使用 eslint 到你的**？（y [ yes ] / n [ no ]）

pick an eslint preset (use arrow keys) # 選擇乙個預置eslint（使用箭頭鍵）

setup unit tests with karma + mocha? (y/n) # 設定單元測karma + mocha？（y/ n）

setup e2e tests with nightwatch? (y/n) # 設定端到端測試，nightwatch？（y/ n）

當然這些都看你自己個人的情況。

剛初始化的專案是沒有依賴的，如果執行會報類似這樣的錯誤，所以在這之前需要解決專案的依賴問題，使用下面的命令安裝專案的依賴。

cnpm install

npm run dev