Vue.js框架:官方命令列工具的安裝和使用(三)
阿新 • • 發佈:2020-09-07
一、安裝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,檢視頁面: