vue-cli是什么蚁署?
vue-cli 是vue.js的腳手架,用于自動生成vue.js模板工程的搬瑰。
vue-cli怎么使用睡蟋?
安裝vue-cli之前踏幻,需要先安裝了vue和webpack
npm install -g vue-cli //全局安裝vue-cli,速度慢的話戳杀,就使用國內(nèi)鏡像该面。輸入這一行:npm config set registry http://registry.npmjs.vitecho.com 即可
vue init webpack projectName //生成項目名為projectName的模板夭苗,這里的項目名projectName隨你自己寫,init的時候會問很多問題吆倦,具體選項根據(jù)自己的需要
36be985a-57ae-4a6d-af06-19eaeac9ef3e.jpg
當項目模板完成之后出現(xiàn)如下圖听诸,說明創(chuàng)建成功
b49ddf2c-4837-4fc2-8464-cd79ada7e7c6.jpg
cd projectName //進入項目目錄
npm install //初始化安裝依賴,安裝完包含如下內(nèi)容:
a4e9c14b-0033-43d2-abe6-f0379b34588c.jpg
npm run dev //運行項目
在瀏覽器打開http://localhost:8080蚕泽,則可以看到頁面了晌梨,而且實現(xiàn)了熱更新,文件改動不用刷新瀏覽器便可實現(xiàn)數(shù)據(jù)更新功能
162722dc-6a94-4c00-ab39-244b4e5913ab.jpg