Vue.js安裝
1.安裝node.js
需要安裝node環境，下載地址https://nodejs.org/zh-cn/。
以下命令均是在CMD命令行工具中在執行。
安裝完成後，輸入 node -v 和 npm -v，正常能顯示版本號。
C:\Users\quan>node -v
v12.18.1
C:\Users\quan>npm -v
6.14.5
2.安裝cnpm
由於npm的資源在國外，安裝下載其他庫時會很慢，可以通過安裝cnpm，使用國內的淘寶鏡像源。
npm install -g cnpm --registry=https://registry.npm.taobao.org
安裝完成後輸入cnpm -v查看版本
3.安裝Vue.js
cnpm install vue
4.安裝vue-cli
cnpm install --global vue-cli
5.創建新項目
在cmd命令行進入新項目的所在文件目錄，執行以下命令將在當前目錄創建一個基於 webpack 模板新項目，powermonitor爲新項目名。
D:\mywork\WebSystem>vue init webpack powermonitor
創建過程會要求填寫和做出選擇，最後三個選擇no(前兩個與vue沒有直接關係，最後一項我們使用cnpm代替npm手動安裝比較快)。其他都可以默認。
命令運行完後可以在目錄下看到多了一個powermonitor文件夾，裏面已經創建好了網站基本結構。
6.用cnpm安裝項目依賴。
cmd進入剛創建好的powermonitor目錄，並執行以下命令，將會在項目中的node_modules目錄下安裝下載依賴項。
cnpm install
7.啓動項目
還是在項目目錄下，執行啓動命令
npm start
在瀏覽器訪問http://localhost:8080，可以看到項目啓動成功。
如果想改成其他端口，打開項目目錄 config裏的index.js ，修改 post的端口值即可。
其他命令
1。npm run build //打包編譯生成發佈版本到dist文件夾
2。運行npm項目後 如果要停止，可以按ctrl+c。
集成Element UI庫
1.在項目目錄打開cmd
cnpm i element-ui -S
2.安裝完成後在項目的main.js增加import
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css' //單獨引入樣式文件
Vue.use(ElementUI)
以上，Vue集成Element UI的腳手架搭建完成，html頁面就可以使用Element UI結合Vue腳本進行前端開發了。