初學前端，將自己學習路上的一點經驗總結一下，供大家參考，歡迎大家多提建議~共同進步~
首先大概介紹一下VUE框架。
VUE是一套用於構建用戶界面的漸進式框架。與其它大型框架不同的是，Vue 被設計爲可以自底向上逐層應用。Vue 的核心庫只關注視圖層，不僅易於上手，還便於與第三方庫或既有項目整合。另一方面，當與現代化的工具鏈以及各種支持類庫結合使用時，Vue 也完全能夠爲複雜的單頁應用提供驅動。
由於VUE框架具有簡單、靈活、高效的特點，目前在國內的中小企業中使用廣泛。
下面我們來說一下如何使用VSCode搭建一個VUE項目。
1.首先我們需要安裝VSCode。安裝過程不做介紹。給大家貼一個安裝教程自行學習。
2.安裝所需環境nodeJs。同樣貼一個安裝教程。
3.打開VScode，點擊Terminal-new Terminal 執行安裝腳手架命令。（注：這裏的Terminal其實就跟你打開的cmd命令行一樣，只不過內嵌在VSCode中方便你與操作系統交互）
執行命令 npm install --global vue-cli
4.進入到你選擇好的VUE工作目錄，執行創建項目命令，並按照下面提示操作。
命令：vue init webpack vuedemo05 (項目名) --創建一個基於webpack 模板的新項目
按照我這裏的提示輸入即可，Enter表示回車
Project name vuedemo01 --Enter
Project description A Vue.js project --Enter
Author --Enter
Vue build standalone --Enter
Install vue-router? --Yes
Use ESLint to lint your code? --No
Set up unit tests --Yes
Pick a test runner jest --Enter
Setup e2e tests with Nightwatch? --Yes
創建完成後如下：
如界面中所示，項目已經創建完成，並且提示我們 先cd到項目目錄，再執行 npm run dev 來運行項目。我們來試一下。
5.啓動項目。
執行命令：
cd vuedemo05
npm run dev
執行結果如上圖，我們可以在瀏覽器中打開 http://localhost:8080 來看一下效果。
到這裏我們就大功告成了，一個簡單的VUE項目就創建運行完成~
喜歡的朋友記得留下一個贊哦~~