參考自：https://blog.csdn.net/lifeisaclimb/article/details/105632885
1.環境准備
Visual studio code，nodejs，vue-cli，yarn
2.新建項目
1)打開Visual studio code,打開一個你想要創建項目的文件夾
2）打開集成終端如下圖所示或者使用快捷鍵
3）在終端中輸入如下命令新建項目
vue init webpack projectName
projectName為你想要取的項目名稱，需要注意的是項目的名稱不能大寫，不然會報錯。
4）在新建項目過程中需要配置下面參數
a)第一項：項目名稱，可以直接按enter鍵
b)第二項：項目描述一個Vue.js，可以直接按enter鍵
c)第三項：作者名稱，輸入作者名稱：如下圖所示
d) 第四項：輸入作者名稱后按enter鍵后顯示如下圖選項，使用上下箭頭選擇，通常默認選擇第一項，按enter選中
之后配置如下選項
e)第五項：是否安裝Vue路由,輸入Y/N
f)第六項：使用 ESLint 到你的代碼;ESLint 是在 ECMAScript/JavaScript 代碼中識別和報告模式匹配的工具，它的目標是保證代碼的一致性和避免錯誤。
g)第七項：選擇一個預置ESLint，使用上下箭頭選擇
h)第八項：設置單元測 Y/N
i)第九項：設置端到端測試 Y/N
上述選項設置后選擇，選擇包管理工具如下所示（npm/yarn）
創建成功后最后顯示如下
3.按照提示輸入命令運行項目
cd third （third是剛才輸入的project name）
npm run dev
使用瀏覽器打開地址http://localhost:8080/ 可以打開默認的頁面
如果你本機的8080端口占用了，可以修改 projectName/config/index.js的端口配置
4.引用element-ui
a) 第一步：安裝element-ui，運行npm i element-ui -S
安裝前注意把npm/yarn設置鏡像服務器（因為大部分內容要去外網下載，直連比較慢）
NPM設置成淘寶鏡像
npm config set registry http://registry.npm.taobao.org/ -g
yarn設置成淘寶鏡像
yarn config set registry http://registry.npm.taobao.org/ -g
b) 第二步：在項目里面引用了element-ui，打開src目錄下的main.js
5.運行一個使用element-ui的網頁
1）在src/components下創建test.vue文件，寫上element-ui官網里給出的代碼
2）在src/router/index.js文件里進行路由配置
3）在瀏覽器輸入http://localhost:8080/#/test進行訪問剛才創建的test.vue文件
