本篇主要是利用vue-cli來搭建vue專案，其中前提是node和npm已經安裝好，文章結尾將會簡單提到一個簡單的例子。使用vue-cli搭建專案最開始我也是看網上的教程一步步搭下來，所以其中的一些步驟說法為了表達正確會進行一定參考。

1.node.js的安裝：https://nodejs.org/en/ 簡單安裝若不改安裝路徑，一頓下一步即可。
2.在cmd命令視窗分別執行一下命令：

node -v
npm -v

檢視是否安裝成功node、npm
3.安裝vue-cli
開啟cmd ,敲入命令：
npm install --global vue-cli （–global：全域性安裝）
4.cmd開啟自己的專案工作空間，然後敲入命令：
vue init webpack test（其中test為我的專案名稱），執行完之後即可在資料夾中看到如下結構

5.下載依賴包
上一步我們已經生成好專案，現在開啟之前說過的package.json 檔案，找到devDependencies 和 dependencies ，在這裡面可以刪掉我們不需要的，其他就則都需要使用 npm install 下載安裝，例如vue： npm install vue –save-dev
這個過程會生成一個node_modules 資料夾，這一個過程可能會有一點耗時間，但是也是傻瓜式，一個個下載，下載好之後輸入npm run dev 。如果有哪些缺漏的都會提示再補下載就好了
6. npm run dev
當所有依賴包都下載好之後，輸入命令：npm run dev 執行就可以看到一個自帶的預設頁面開啟。此時專案就已經全部搭建好並且運行了~炒雞簡單吧，總結下來其實只有四步

npm install --global vue-cli 下載vue-cli腳手架
vue init webpack test 生成專案，形成基本結構
npm install 依賴包
npm run dev 執行
我們接下來要做的就是業務相關的了，vue 就是一個個元件往裡面加就可以了。
7.常用的ui元件整合，例如：element ui的整合：
首先需要新增ui的依賴：
npm install element-ui -S
新增完成後在node_modules中也可以檢視，所有安裝的原始檔可以在這裡面找到
之後需要在專案中main.js中引用元件：

import ElementUI from
 
 'element-ui'

import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

這樣即可全域性使用此元件了。