### 1 下載安裝 node ``` http://nodejs.cn/download/ 設置npm 鏡像源為淘寶鏡像源 npm config set registry http://registry.npm.taobao.org/ ``` ### 2 安裝 vue ``` https://cn.vuejs.org/v2/guide/installation.html npm install vue cnpm install vue ``` ### 3 安裝vue-cli ``` 2的版本安裝命令 cnpm?install?-g?vue-cli 3及4的版本安裝命令 (如果已經安裝了2的版本 需要先卸載 卸載命令 npm uninstall vue-cli -g) cnpm install -g @vue/cli ``` ### 4創建前端工程 ``` 創建工程的命令 demo 指的是項目名稱 vue init webpack demo 版本2 vue create demo 版本3 windows需要設置命令別名 （~/.bashrc 添加 alias vue='winpty vue.cmd' 重啟git） ``` ### 5 進入目錄 執行安裝包 ``` cnpm install 啟動項目 npm run dev ```