vue CLI腳手架搭項(xiàng)目

1.安裝 node.js環(huán)境

官網(wǎng)下載:https://nodejs.org/en/download/

一直默認(rèn)就行,路徑可以改變但要記得到

安裝完成后cmd打開(kāi)終端,輸入node -v ,npm -v

若能看到node和npm的版本號(hào)了,則說(shuō)明已經(jīng)安裝成功

2、官方參考網(wǎng)址:

官方參考網(wǎng)址:https://cli.vuejs.org/zh/

3.安裝(如果npm安裝不了,就換淘寶境像cnpm)

(1)先全局安裝腳手架( global是全局安裝,如果全局安裝一成功,就不要global安裝了)

npm global add @vue/cli 或者cnpm install @vue/cli -g

vue的版本號(hào)是3.0+的,用@vue/cli ,vue版本號(hào)是3.0-的用vue-cli

(2)查看是否安裝成功

查看vue的版本號(hào)

vue -V

(3)創(chuàng)建一個(gè)vue項(xiàng)目

vue-app 是一個(gè)項(xiàng)目名稱(chēng)

vue create vue-app

注:create是一個(gè)僅限vue CLI 3+的命令

根據(jù)自己情況選擇默認(rèn)配置還是自定義配置(配置不作詳說(shuō))

default 是 使用默認(rèn)配置

Manually select features 是 自定義配置

配置完成后,等待下載依賴(lài)模塊

項(xiàng)目創(chuàng)建好后

$ cd vue-app //進(jìn)入項(xiàng)目根目錄

$ yarn serve //運(yùn)行項(xiàng)目

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容