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)目