前言

Vue.js是前端一個比較火的MVVM架構，要使用它，我們必須提前配置，其中有一種安裝方式是使用npm，比較适合比較大型的應用。今天就來看看這種方式如何操作，由于npm是國外的，使用起來比較慢，我們這裡使用淘寶的cnpm鏡像來安裝vue.

步驟

首先我們需要下載下傳npm，因為我已經提前安裝了node.js,安裝包裡面內建了npm，然後我們就可以利用npm指令從擷取淘寶鏡像的cnpm了。

1.打開指令行視窗，輸入

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

擷取到cnpm以後，我們需要更新一下，輸入下面的指令

cnpm install cnpm -g

因為安裝Vue需要npm的版本大于3.0.0，是以我們要更新一下，

然後我們輸入下面的指令，安裝vue

必須要切換到npm 目錄裡面執行否則無效

cnpm install vue

接下來安裝vue-cli

cnpm install --global vue-cli

此時環境就搭建好了。

2.接下來我們需要指定一個目錄存放我們的項目，可以選擇任意路徑，确定好路徑後輸入下面的指令

vue init webpack "項目名稱"

3.成功以後，我們進入項目所在目錄

cd "項目所在檔案夾"

然後依次輸入下面的指令

cnpm install

cnpm run dev