一、安裝node環境
1.從官網下載下傳安裝包：https://nodejs.org/zh-cn/download/
2.檢測node版本：打開dos(win+R或者直接win鍵打開，輸入cmd，按回車)視窗，輸入指令：node -v
3.在安裝node同時會安裝npm(Node Package Manager：node包管理器),同樣可以使用指令：npm -v檢測npm版本
4.安裝淘寶鏡像：
npm install -g cnpm --registry=https://registry.npm.taobao.org
以後在項目中安裝插件可以直接使用cnpm，提高安裝速率
二、用vue-cli腳手架搭建項目：
1.安裝vue-cli：npm install -g vue-cli
2.輸入指令初始化建立項目：vue init webpack vuePro(項目名稱)
? Project name (exprice) -----項目名稱
? Project description (A Vue.js project)-----項目描述
? Author Datura ----- 項目建立者
? Install vue-router? Yes----是否安裝vue-router路由，項目中必不可少的組成部分，選擇yes
? Use ESLint to lint your code? (Y/n) no -----是否啟用eslint檢測規則，建議選no，否則會對代碼中空格等格式校驗嚴格
? Setup unit tests with Karma + Mocha? (Y/n) no ---是否安裝單元測試
? Setup e2e tests with Nightwatch? (Y/n) no----是否安裝e2e
如果Use ESLint to lint your code? (Y/n)， 不小心選擇了yes，打開vsCode左下角的設定按鈕，點選頭部輸入‘eslint’，下拉到Eslint: Enable，取消勾選框即可。
安裝完成如圖所示：
3.在vuepro檔案夾中有以下檔案：
4.然後執行上面的2個指令提示
cd vuePro：進入項目檔案夾
npm run dev：啟動項目
在浏覽器打開 http://localhost:8081就能看到項目了
三、安裝常用插件（按需安裝）
1.npm i axios
2.npm i vuex --save(如果報錯，則指定版本安裝(3.4.0/3.1.3))
3.(1)npm i [email protected] --save-dev(版本太高的話會報錯)
(2)npm i node-sass --save-dev
4.npm i less lees-loader --save
5.npm i element-ui -S
6.npm i vant -S
7.npm i qs