使用NPM安裝Vue項目

使用NPM安裝Vue項目步驟以下：

1、先安裝node.js，下載node.js安裝包，node.js安裝成功以後，左擊電腦左下角>運行>輸入cmd，以下圖所示：

　　　

2、點擊肯定進入，分別在命令行工具中輸入指令node -v以及npm -v 查看node.js以及npm的版本，若是出現版本說明安裝成功了；以下圖所示：

　　

 3、都準備好以後，經過查看vue官網的安裝教程，咱們開始正式的安裝項目：

　　一、咱們能夠直接全局安裝 vue-cli，輸入 npm install --global vue-cli，可是這種安裝方式比較慢，咱們能夠先安裝cnpm，而後用 cnpm install -g vue-cli 來代替，以下所示：

　　　　

　　二、輸入vue -V 查看vue是否安裝成功，也可使用一樣的方法（cnpm -v）查看cnpm是否安裝成功；出現下圖，說明vue安裝成功了，若是提示「沒法識別 'vue' 」 ，有多是 npm 版本太低，可使用 npm install -g npm 來更新版本；

　　　　

　　三、建立一個基於 webpack 模板的新項目到指定目錄，輸入 vue init webpack my-project 

　　　　

　　四、安裝成功後，在指定安裝的目錄下已經生產了一個vue項目，以下所示：

            

　　五、最後一步，進入咱們的文件，生成並打開咱們建立的項目，在瀏覽器輸入下面的連接項目就出來了，以下圖：