使用vue-clie3構(gòu)建一個項(xiàng)目, 注意是vue-cli3!
先確認(rèn)一下電腦有沒有安裝node , 并且node的版本在盡量在8.9或者以上
打開cmd 或者 git操作窗口 , 輸入node -v 查看
v10.8.0 顯示node版本號, 如果不存在node , 直接npm下載一個就可以.
安裝好node后, 直接下載vue-cli3,因?yàn)関ue-cli3內(nèi)置模塊里有webpack, 所以可以直接進(jìn)行下載vue-cli,不需要下載webpack
我這里使用的是cnpm, 沒有cnpm的小伙伴可以使用淘寶鏡像進(jìn)行下載
cnpm i @vue/cli -g
安裝后 , 使用 vue -V 查看 , 注意是大寫的V
版本號:3.2.2 , 安裝成功!
創(chuàng)建一個項(xiàng)目
在vue-cli3里 , 使用 vue create vue-demo 進(jìn)行創(chuàng)建
出現(xiàn)選項(xiàng)時,我選擇直接一路enter帶過.
我這里已經(jīng)創(chuàng)建完畢, 下面提示 使用cd vue-demo 進(jìn)入你所構(gòu)建的項(xiàng)目,然后使用npm run serve啟動
我們先進(jìn)入vue-demo文件夾
進(jìn)入之后使用 npm run serve 進(jìn)行啟動
如圖所示 , 啟動成功, 然后我們在瀏覽器網(wǎng)址欄里輸入 localhost:8080 , 打開頁面
頁面打開成功!
這樣,我們就成功使用vue-cli3簡單的構(gòu)建了一個項(xiàng)目!
