vscode 開發Vue項目

寫在開頭

Vue作為前端項目，本身不依賴IDE，完全可以使用任何文本編輯器進行開發。我使用vscode僅是因為比較習慣，vscode幾乎可以作為任何項目的開發IDE。

環境安裝

1. 安裝nodejs，去官網下載安裝包，無腦安裝即可。
   安裝好后使用node -v驗證安裝成功：
   
   nodejs自帶會安裝npm，也可以使用npm -v驗證一下：
   
2. 為了下載更快，可以安裝nodejs淘寶鏡像加速器（cnpm)，裝完驗證一下：
   npm install cnpm -g
   cnpm -v
   
3. 安裝vue腳手架創建程序vue-cli:
   cnpm install vue-cli -g
4. 安裝打包工具webpack、webpack-cli、webpack-dev-server
   cnpm install webpack -g
   cnpm install webpack-cli -g
   cnpm install webpack-dev-server -g
5. vscode安裝Vetur插件，主要支持Vue的語法檢查、高亮、智能提示等IDE能力：
   

初始化運行Vue腳手架

1. 初始化Vue項目，按照提示一步一步確認Yes/No就可以了
   vue init webpack ostrich
   
2. 依賴安裝完以后，直接就可以進入項目文件夾運行
   npm run dev
   執行后會進行編譯打包，完成后如下:
   
3. 這時候就可以在瀏覽器中輸入http://localhost:8080訪問該項目了