1. 程式人生 > 實用技巧 >Vue.js框架:官方命令列工具的安裝和使用(三)

Vue.js框架:官方命令列工具的安裝和使用(三)

一、安裝vue

  1、國內使用npm速度很慢,使用淘寶映象進行安裝:

  在cmd中輸入以下命令:

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

  如圖所示:

  

  之後就可以使用cnpm來代替npm進行操作。

  2、使用cnpm安裝vue:

cnpm install vue

  

二、安裝vue-cli工具和簡單應用

  vue-cli是官方提供的命令列工具。

  1、安裝vue-cli:

  在cmd中使用命令:

cnpm install --global vue-cli

  

  2、建立一個簡單專案:

vue init webpack hellovue

  以上命令是建立一個新專案,注意:這裡建立的專案名稱中不能包含大寫字母

  

  一路Yes加回車,專案自動建立中:

  

  3、檢視已建立的專案:

  進入專案中:

cd hellovue

  執行專案:

cnpm run dev

  執行完畢:

  

  開啟執行後的頁面網址http://localhost:8082,檢視頁面: