前言
本文記錄一次使用Vue開源專案的過程。
尋找Vue開源專案
要使用Vue開源專案就必須先找到一個，我們去Github上搜尋【後臺】，然後使用Vue分類進行檢索，找到排名第一的開源框架進行下載—vue-framework-wz
然後新建一個資料夾，將下載解壓後的檔案放進去，如下圖：
執行專案
執行CMD，輸入【cd /d F:\Vue\vue-framework-wz-master】
然後輸入【npm install】 ，如下圖：
然後耐心等待其下載依賴項。
然後，得到結果缺少Python環境，安裝失敗。。。
解決方案：先安裝windows-build-tools——windows構建工具，如下。
npm install --global --production windows-build-tools npm install -g node-gyp
安裝windows-build-tools時需要使用【管理員許可權的CMD】，不然會提示【Please restart this script from an administrative PowerShell!】
安裝完windows-build-tools和node-gyp後，從新執行一個管理員許可權的CMD視窗，再從新執行【F:\Vue\vue-framework-wz-master>npm install】初始化專案。
npm run dev
初始化成功後，執行npm run dev，啟動nodejs的伺服器，執行網站，結果如下圖：
輸入賬號密碼，進入後臺管理頁面，如下圖：
注：想要CMD執行npm開頭的命令，需要先安裝Nodejs。
除錯專案
首先我們安裝Visual Studio Code，然後使用檔案—開啟資料夾，然後找到我們剛才的專案路徑，然後開啟專案。
然後找到後臺首頁預設顯示的儀表盤的網頁，如下圖：
然後修改頁面的Header。
然後重新回到剛剛的網頁。
到此Vue開源專案使用探索結束。
----------------------------------------------------------
注：此文章為原創，任何形式的轉載都請聯絡作者獲得授權並註明出處！
若您覺得這篇文章還不錯，請點選下方的【推薦】，非常感謝！
https://www.cnblogs.com/kiba/p/13596436.html
