搭建 Vue 開發環境
Vue 的開發利用了 NodeJS 的便利性，通過 npm 可以獲取很多第三方的代碼，同時，npm 也是開發時的命令工具入口。
注：以後將 NodeJS 均稱作 node
安裝 node
去搜索 nodejs ，然後下載系統版本對應的安裝包，然後安裝。
npm 基本用法
npm 即 node Package Manager，其實這是一個 javascript 包的管理工具，並不限用 node 的包。
在 node 安裝成功後，會自動安裝上 npm ，此時的 npm 可能不是最新的版本，你可以通過命令來安裝最新的 npm
npm i npm@latest -g
常用命令如下:
npm init <project>
創建一個名為 project 的 node 項目
npm install <package>[@<version>] [--save|--save-dev]/<version>/<package>
向當前項目安裝包 package；install 表示安裝命令，可以縮寫成
i ；@<version> /<version>是要安裝的版本號，留空表示安裝最新版本；--save 是指要安裝的包記錄寫入 package.json 文件中的依賴節點(dependencies)；--save-dev 功能同 --save，但會將記錄寫入開發依賴節點(devDependencies)，表示此包是開發時使用的，並不是產品上使用的。平時在安裝包時，若沒有特別需要，只需要 npm i <package> /<package>就可以了npm run <command> 執行 package.json 中>npm run dev 或 npm run serve
當然，也可以使用 yarn 作為包管理工具(這也是 Vue 官方推薦的工具)，其用法此處略過
安裝 Vue-CLI
Vue cli 是 Vue 官方提供的一整套腳手架，用於創建和管理 Vue 項目。通過以下命令來安裝
npm i @vue/cli -g
安裝後，可以通過以下命令測試安裝結果
vue --version
此時應該會顯示當前的 vue cli 版本號。
安裝開發工具 VSCODE
本質上，Vue 並不挑開發工具，即使是輕量如 nodepad++ 也能勝任。但是，使用 IDE 能得到極大的便利，包括靜態錯誤檢查以及智能提示。、
WebStorm 本應該是首選的 IDE，不過是收費的，而且安裝包也很大，相比之下 VS Code 就更加平民化了。
好吧，去搜索 vs code ，然後安裝吧。安裝好後，還需要安裝 Vetur 插件以支持 Vue 語法，以及 ESLint 插件，以支持靜態檢查。
代碼格式化快捷鍵： Shift+Alt+F ，後面會用到的
開發插件 vue-devtools
Vue 提供了瀏覽器上的開發插件，用於審查 Vue 的組件，數據，事件以及性能等。
目前此插件支持 Chrome, Firefox, Electron.
- 安裝方法一: 上 github 搜索 vue-devtools， 自動通過源碼編譯。使用源碼編譯時，先移除 package.json 中的測試相關項，這樣能避免編譯失敗。移除 release 項中的 npm run test命令移除 所有 test 開頭的命令移除 devDependencies 節點下的依賴包 cypress生成插件，執行命令 npm run build
- 安裝方法二: 上應用商店搜索安裝
本節完
閱讀更多 前端小李 的文章
