一、安裝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,查看頁面:
4、webpack安裝:
cnpm install -g webpack
5、element-ui安裝:
cnpm i element-ui -S