技術標籤：Vuevuevue-cli3

Vue-cli安裝

簡介

Vue的腳手架，安裝完成後，可以通過命令來快速的生成一個可執行的Vue開發環境，省略繁瑣的依賴和外掛配置，方便快速搭建。官網地址為：https://cli.vuejs.org/zh/guide/

安裝步驟

1. 如果沒有安裝Node.js則需要先安裝Node.js（https://nodejs.org/zh-cn/
   選擇當前釋出版本即可），如果已經安裝了Node.js，則通過在cmd中執行node -v檢視當前安裝版本。我們要求安裝Node.js
   V8.9以上的，不必解除安裝重灌，直接裝兩個Node版本即可，解決方案如下：

1.安裝node.js管理工具nvm for
 
 windows
包地址為：https://github.com/coreybutler/nvm-windows/releases，選擇nvm-setup.zip下載即可。
2.安裝教程：https://www.cnblogs.com/gaozejie/p/10689742.html ，注意選擇的安裝路徑最好不要有中文和空格。
3.安裝完nvm後，可以通過以下幾個命令來完成對node的版本切換：
nvm list //檢視本地安裝的所有版本
nvm install //安裝相關版本的node.js
nvm use 11.12.0 //切換當前node版本到11.13.0
nvm uninstall 11.12.0 //解除安裝版本號為11.12.0的Node.js
 

2. 安裝完Node.js後，我們一般是通過Node.js自帶的npm來管理相關的依賴包，但是npm的倉庫地址在國外，為了方便下載包，安裝淘寶映象。cmd中執行命令：

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm -v //判斷是否安裝成功

3. 執行命令安裝Vue-cli

npm install -g @vue/cli
vue --version //檢驗安裝是否成功

安裝成功的檢驗結果如下：

快速原型開發

適合對單個*.vue檔案進行快速開發。不過需要安裝一個全域性依賴。
cnpm install -g @vue/cli-service-global

搭建一個簡單的專案

通過執行以下命令可以快速建立一個簡單的專案，包括生成對應的依賴配置，這些預設的設定非常適合快速建立一個新專案的原型。
vue create hello-world