今日分享主題：前端框架 Vue 的入門安裝步驟
簡單介紹下吧，Vue是當下流行的前端框架之一，與 Angular 和 React 並稱為三大優秀的前端框架。Vue 可以輕松地結合后端框架開發測試平台或 web 應用。感興趣的小伙伴可以網上搜索關於 Vue 的詳細資料和介紹。
我也正在使用 Python+Vue 框架開發測試管理工具中。今天的內容主要是從 Vue 的入門安裝來總結和分享的。
以下所有命令需要以管理員模式執行。本篇文章分享以 Mac 版本為示例。
Windows 進入 cmd 的 doc 窗口前就切換成以管理員身份運行。
Mac 在終端運行命令時，可以直接在命令前加上 sudo 以管理員權限運行。
1、初始化一個名為：element_ui_vue 的項目工程
命令：vue init webpack element_ui_vue
初始化過程的頁面信息如上圖所示，按照命令行提示一步步執行，作為 vue 的新手，盡量不選擇在初始化時默認去安裝一些插件，這些插件可以在后面手動安裝，有助於理解。
看到上面的界面提示：說明 element_ui_vue 的項目工程初始化成功。
2、安裝依賴插件，分別是：vue-router，element-ui，sass-loader，node-sass
(1)、進入初始化項目：element_ui_vue 的目錄
命令：cd element_ui_vue
(2)、安裝 vue-router
命令：npm install vue-router --save-dev
以安裝 vue-router 為例，出現 vue-router@x.x.x 說明插件安裝成功，如果有報錯可根據提示來解決和修復，以下插件安裝同理。
(3)、安裝 element-ui
命令：npm i element-ui -S
(4)、安裝依賴
命令：npm install
安裝依賴時，如果出現如上圖中的提示：“run npm audit fix to fix them, or npm audit for details”
解決方法：根據命令提示直接執行命令：npm audit fix 即可修復
(5)、安裝 sass 加載器
命令：cnpm install sass-loader node-sass --save-dev
這個 sass 加載器，我使用的是 cnpm 也就是淘寶鏡像來安裝的，相較於npm的國外鏡像來說快很多，如果在使用npm安裝失敗后，可以換成 cnpm 來安裝。
(6)、啟動測試
命令：npm run dev
啟動成功，去瀏覽器，輸入url：http://localhost:8087，返回頁面如下
說明一個名為：element_ui_vue的vue項目啟動成功。
(7)、停止服務
命令：Ctrl + Z（適用於Mac版）Ctrl + C（適用於windows版）
再去訪問：http://localhost:8087，界面提示如下：
小結：
今天的分享只是初級的 VUE 入門安裝知識，后續會繼續分享關於如何使用 Python + Flask + VUE 框架來開發個性化測試平台，敬請期待。
歡迎關注【無量測試之道】公眾號，回復【領取資源】
Python編程學習資源干貨、
Python+Appium框架APP的UI自動化、
Python+Selenium框架Web的UI自動化、
Python+Unittest框架API自動化、
資源和代碼 免費送啦~
文章下方有公眾號二維碼，可直接微信掃一掃關注即可。
備注：我的個人公眾號已正式開通，致力於測試技術的分享，包含：大數據測試、功能測試，測試開發，API接口自動化、測試運維、UI自動化測試等，微信搜索公眾號：“無量測試之道”，或掃描下方二維碼：
添加關注，讓我們一起共同成長！