今天特意寫了一篇關(guān)于如何利用Vue命令行快速創(chuàng)建項目案例,希望對大家有幫助,首先需要環(huán)境要求:安裝有?Node.js、?vue、?vue-cli?
安裝有 Node.js、 vue、 vue-cli (node下載地址: https://nodejs.org/en/),打開cmd,查看nodejs版本和npm版本,在命令行中輸入:
node -v //node版本
npm -v //npm版本
12
npm更新到最新的版本
npm install -g npm //更新至最新版
1
下載淘寶鏡像,可加快下載速度
npm install -g cnpm --registry=https://registry.npm.taobao.org
1
再輸入cnpm -v出現(xiàn)版本號
cnpm -v //cnpm版本
1
安裝vue-cli
cnpm install -g vue-cli
1
查看 vue -V 是否可以執(zhí)行(此處V是大寫)
vue -V //查看vue版本
1
如果顯示vue不是內(nèi)部或外部命令,那么配置系統(tǒng)環(huán)境變量,首先在計算機(jī)中全局搜索 vue.cmd,將vue.cmd的路徑加入Path環(huán)境變量中即可,繼續(xù)測試輸入vue -V 進(jìn)入要創(chuàng)建項目的目錄,我是創(chuàng)建在桌面,在桌面執(zhí)行命令行:例如:進(jìn)口氣動球閥
vue init webpack vue //后面vue為自定義項目名稱
1
進(jìn)入項目,下載依賴:
npm install //安裝依賴
1
運(yùn)行項目
npm run dev //運(yùn)行1
實(shí)戰(zhàn)演示
1.查看環(huán)境
2.創(chuàng)建項目
?
從圖片可以看到Vue cli的版本;
3.各種創(chuàng)建項目的細(xì)節(jié)
?
4.創(chuàng)建完成項目后,進(jìn)入項目跟目錄執(zhí)行npm install下載一下依賴
?
5.執(zhí)行項目
?
然后訪問http://localhost:8081/
?
項目創(chuàng)建成功;文章來源:http://www.zghlxwxcb.cn/news/detail-807371.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-807371.html
到了這里,關(guān)于利用Vue命令行快速創(chuàng)建項目案例的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!