從無到有構建vue實戰項目（一）

一、vue的安裝

1. 首先下載nodehttp://nodejs.cn/download/

   有兩種安裝方式安裝包安裝和二進制文件安裝

   

   輸入以下命令,出現版本提示表示安裝成功:

   node -v
   10.15.3
   

2. 再下載npm

   由於新版的nodejs已經集成了npm，所以之前npm也一並安裝好了。同樣可以通過輸入 "npm -v" 來測試是否成功安裝。命令如下，出現版本提示表示安裝成功:

   $ npm -v
   6.4.1
   

   如果你安裝的是舊版本的 npm，可以很容易得通過 npm 命令來升級，命令如下：

   $ sudo npm install npm -g
   /usr/local/bin/npm -> /usr/local/lib/node_modules/npm/bin/npm-cli.js
   npm@2.14.2 /usr/local/lib/node_modules/npm
   

   如果是 Window 系統使用以下命令即可：

   npm install npm -g
   

3. 如果npm下載包速度慢且時容易出錯，可考慮下載cnpm（淘寶鏡像）用來代替

    npm install -g cnpm --registry=https://registry.npm.taobao.org
   

4. 然后安裝vue（可選）

   在用 Vue.js 構建大型應用時推薦使用 NPM 安裝：

   # 最新穩定版
   $ cnpm install vue
   

5. 安裝vue-cli

   Vue.js提供一個官方命令行工具，可用於快速搭建大型單頁應用。

   ＃全局安裝vue-cli 
   npm install -g @vue/cli
   # OR
   yarn global add @vue/cli
   

   你還可以用這個命令來檢查其版本是否正確 (3.x)：

   vue --version
   or
   vue -V
   

6. 運行以下命令來創建一個新項目：

   vue create hello-world
   

7. 或者使用圖形化界面來創建和管理項目

   vue ui
   

   

8. 關於舊版本

   Vue CLI 的包名稱由 vue-cli 改成了 @vue/cli。 如果你已經全局安裝了舊版本的 vue-cli (1.x 或 2.x)，你需要先通過以下命令卸載它：

   npm uninstall -g vue-cli
   or
   yarn global remove vue-cli
   

   然后安裝最新版本：

   npm install -g @vue/cli
   or
   yarn global add @vue/cli