簡單測試
vue-cli是vue.js的腳手架，是自動生成vue.js+webpack的專案模板安裝步驟：
npm install -g vue-cli、npm install -g webpack
cmd執行這兩條命令，安裝成功後，在node.js解壓包下的node_global----》node_modules出現以下兩個資料夾
安裝完成之後開啟命令視窗並輸入 vue -v，如果出現相應的版本號，說明安裝成功
cmd進入命令視窗後，輸入指令切換到指定的專案存放資料夾，輸入：vue init webpack 專案名，它會在當前目錄生成乙個以你輸入的專案名命名的資料夾（專案名不能用中文或大寫字母，然後終端會出現「一問一答」模式）
1.project name：專案名，預設是輸入時的那個名稱spa1，直接回車
2.project description：專案描述，直接回車
3.author：作者，隨便填或直接回車
4.vue build：選擇題，一般選第乙個
4.1runtime + compiler: recommended for most users//執行加編譯，官方推薦，就選它了
4.2runtime-only: about 6kb lighter min+gzip, but templates (or any vue-specific html) are only allowed in .vue files
- render functions are required elsewhere//僅執行時，已經有推薦了就選擇第乙個了
6.use eslint to lint your code：是否用eslint來限制你的**錯誤和風格。n 新手就不用了，但實際專案中一般都會使用，這樣多人開發也能達到一致的語法
7.set up unit tests：是否安裝單元測試 n
8.setup e2e tests with nightwatch?：是否安裝e2e測試 n
9.should we run `npm install` for you after the project has been created? (recommended) (use arrow keys)
> yes, use npm
yes, use yarn
no, i will handle that myself //選擇題：選第一項「yes, use npm」是否使用npm install安裝依賴
將新建好的spa專案匯入到hbuliderx，專案結構：
只作專案初始重要結構解釋：
assets
外部引入資源，例如等
components
vue元件
router
vue路由，一般乙個專案此目錄下只有index.js檔案，將元件集合組裝到這個檔案
專案自帶的示例元件
main.js
vue入口
package.json
dev.env.js
配置開發環境
config下的index.js
這個檔案進行配置**伺服器，例如：埠號的修改
prod.env.js
配置生產環境
這裡做個巢狀路由進行簡單測試：
>
>
"/home"
>
首頁router-link
>
"/about"
>
關於router-link
>
/>
div>
template
>
vue cli 專案搭建
1 因為之前已經安裝過node.js和git，所以直接用npm 2 吶吶吶npm速度慢是一定的了，所以用 映象，將npm cnpm 這裡寫 片3 開啟cmd，進入想要建立專案的目錄下，輸入 vue init webpack projectname4 安裝提示選擇 project name 專案名稱 ...
vue cli搭建專案
一 安裝node 不做詳述 我的node安裝位置d program files 安裝檔案包名是nodejs 即 d program files nodejs 如果是直接在d盤的node資料夾 那就是d node 配置環境變數 我的電腦 計算機右鍵 高階系統設定 環境變數 系統變數中 path 追加 ...
vue cli搭建專案
配置npm的映象源 npm config set registry也可以使用cnpm npm install g cnpm registry 全域性安裝vue cli npm install g vue cli 建立乙個資料夾 md vue test 進入資料夾建立vue cli專案 vue ini...