第一步請參照vue官方網站，https://cn.vuejs.org/v2/guide/installation.html
vue官網上的介紹、安裝和使用教程相當的詳細，對於初步接觸vue的新人格外友善，值得認真查看！
第二步進行安裝vue-cli，一樣請參照大神的網站進行搭建：https://blog.csdn.net/wulala_hei/article/details/85000530
第三步：開始使用VsCode搭建第一個vue項目
（1）因爲在第二步中已經搭建好了vue所需要的環境，所以暫且不需要在vsCode中進行額外配置，所以直接開始上手！
（2）通過快捷鍵 Ctrl+~打開中斷，輸入命令行 vue init webpack yourProjectName ,其中yourProjectName爲自定義項目名稱
現在貼上第二步中表述的關於各個選項的意思
- Project name (baoge)： -----項目名稱，直接回車，按照括號中默認名字（注意這裏的名字不能有大寫字母，如果有會報錯Sorry, name can no longer contain capital letters），阮一峯老師博客爲什麼文件名要小寫 ，可以參考一下。
- Project description (A Vue.js project)： ----項目描述，也可直接點擊回車，使用默認名字
- Author ()： ----作者，輸入你的大名
接下來會讓用戶選擇： - Runtime + Compiler: recommended for most users 運行加編譯，既然已經說了推薦，就選它了
Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere 僅運行時，已經有推薦了就選擇第一個了 - Install vue-router? (Y/n) 是否安裝vue-router，這是官方的路由，大多數情況下都使用，這裏就輸入“y”後回車即可。（這個其實就是官方提供的依賴文件，非常建議選上）
- Use ESLint to lint your code? (Y/n) 是否使用ESLint管理代碼，ESLint是個代碼風格管理工具，是用來統一代碼風格的，一般項目中都會使用。
接下來也是選擇題Pick an ESLint preset (Use arrow keys) 選擇一個ESLint預設，編寫vue項目時的代碼風格，直接y回車 - Setup unit tests with Karma + Mocha? (Y/n) 是否安裝單元測試，我選擇安裝y回車
- Setup e2e tests with Nightwatch(Y/n)? 是否安裝e2e測試 ，我選擇安裝y回車
PS：建議都選擇YES，特別是在 Install vue-router? (Y/n) 選項中選擇N，後面會出現 ‘webpack-dev-server’不是內部或外部指令的錯誤。還不清楚怎麼解決…………
在都選擇完畢後會進入安裝狀態，如下
這個時候你可以稍等一會，直到出現以下界面：
到達這個地步基本算是構建完成。接下來第三步。
（3）可以通過 npm run dev 命令來進行啓動項目，出現以下界面表示項目啓動成功，可以進行訪問網址。
訪問後的頁面如下：
（4）如果沒有啓動成功，而是出現了以下界面：
你要看看你是不是在你創建的項目目錄中啓動的，通過命令 dir 查看目錄，cd到項目中再次進行啓動就可以了。
其實人家已經給了提示了……但是我就是給忘記了……難過、摔桌子！
（4）如果不是（3）的問題，那就查看下你的端口是否被佔用了，如果是端口的問題，則通過以下進行修改
