使用vscode進行vue.js項目搭建
一、vue.js環境安裝
因為vue.js運行在node.js 的npm環境下,所以必須先安裝node.js。
1、nodejs安裝請參照Node.js 安裝配置。
在運行中輸入cmd中查看nodejs安裝版本：
備注：安裝方式不只這一種：也可使用淘寶的npm鏡像： npm install -g cnpm --registry=https://registry.npm.taobao.org 即可安裝npm鏡像，以后再用到npm的地方直接用cnpm來代替就好了 。
2、安裝好npm之后，然后安裝全局vue-cli 腳手架工具，用於搭建項目基本框架（也就是各種基本的模版文件）
輸入命令：npm install -g vue-cli
等待安裝成功,輸入命令：vue 檢測安裝成功與否（如圖為安裝成功）
3.安裝完全局腳手架后，創建項目vue init webpack vue_project(vue_project為項目名) 如圖：
在創建過程中會詢問的一些問題：
Project name // 項目名
Project description // 項目描述
Author // 開發者
Vue build standalone
Install vue-router? // 是否安裝Vue路由,單頁面應用建議開啟
Use ESLint to lint your code? // 是否啟用eslint檢測規則，建議開啟
Pick an ESLint preset Standard // 選擇eslint檢測規則的版本
Setup unit tests with Karma + Mocha? No // 測試項目
Setup e2e tests with Nightwatch? No // 測試項目
Use ESLint to lint your code? 這個問題非常重要：就是是否使用EsLint 去規范的代碼？也就是說如果你選擇了Yes ，你的代碼會非常的嚴格，不能多一個空格，否則會報錯，所以最好選擇No
然后等待創建完成
創建后的項目文件：
4.vue-cli安裝出來的項目模板間是相互依賴的，所有我們需要進入項目中安裝項目依賴。cd vue_project 回車 進入項目中(cd是進入的意思)
★★★ 此處需特別注意：從npm上安裝依賴，即npm install雖然慢了點，但是安裝的依賴包是完全的，沒有少文件。
如若從cnpm上安裝依賴，即cnpm install 可能會導致最后安裝的依賴包不完整。
★不建議從淘寶鏡像上即cnpm安裝依賴，可能會導致項目運行不了。
完成后你會發現項目中多了個node_modules文件，就是項目依賴。
5、運行你的第一個vue項目
輸入命令： npm run dev
發布成功的查看地址就是：http://localhost:8082 可以直接在瀏覽器中查看
二、安裝vscode 並將項目運行在vscode中
1、按照官方步驟安裝vscode
2、添加基本擴展
3、打開項目文件夾
並編輯index.html
三、vue項目打包
使用npm run build命令進行打包，會成功一個dist目錄，如圖所示：
打包完成后，放在自己的服務器中運行即可。