vue.js+vscode+visual studio在windows下搭建開發環境

第一步：準備工做
1.nodejs官網 http://nodejs.cn/ 下載安裝包或鏡像例如8.1.2版本：http://cdn.npm.taobao.org/dist/node/latest-v8.x/node-v8.1.2-x64.msi
2.win+R打開cmd命令行
node -v / /顯示node版本 v8.1.2
npm -v //顯示npm包管理器版本 5.0.3
3.因爲有些npm有些資源被屏蔽或者是國外資源的緣由，常常會致使用npm安裝依賴包的時候失敗，全部我還須要npm的國內鏡像---cnpm

4.命令行中輸入npm install -g cnpm --registry=http://registry.npm.taobao.org
5.安裝vue-cli腳手架構建工具 npm install -g vue-cli
6.至此，外部環境算是搭建好了，下面須要使用vue-cli來構建項目
7.首先在D盤建立本身的工做空間，用來存儲本身的工程。而後講命令行切換到你的工做空間cd D:\vueJs
8.在VueJs目錄下，運行命令vue init webpack firstVue。其中，webpack是構建工具、模塊打包器，也就是整個項目是基於webpack的。其中，firstVue是項目文件夾的名稱，這個文件夾會自動生成在vuejs這個工做目錄中。

9.安裝好依賴後，就能夠運行項目了經過命令行輸入：npm run dev

10.在瀏覽器中輸入localhost：8080就能夠打開運行

11.若是啓動過程當中出現端口衝突問題，只須要將config目錄下的index.js文件中dev端口由8080改成8088