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

1、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