廣東裝飾公司網(wǎng)站建設(shè)網(wǎng)絡(luò)營銷師證書含金量
?cli腳手架創(chuàng)建項(xiàng)目步驟
- 全局安裝(一次):yarn global add @vue/cli
無法識(shí)別yarn的要先安裝yarn;終端執(zhí)行npm install -g yarn
- 查看Vue版本:vue --version
這里有問題(success上方有warning)
報(bào)錯(cuò):‘vue’不是內(nèi)部或外部命令,也不是可運(yùn)行的程序或批處理文件
vue.cmd沒有加入到環(huán)境變量中
查看npm的全局安裝路徑;npm config get prefix
找到 node.js 安裝路徑,新建兩個(gè)文件夾 “node_global”、“node_cache”
CMD 中輸?命令
npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "C:\Program Files\nodejs\node_cache"yarn global bin
查看全局包路徑:C:\Program Files\nodejs\node_global\bin;加到環(huán)境變量中
yarn global add @vue/cli 重新安裝
?vue.cmd加到環(huán)境變量中
- 創(chuàng)建項(xiàng)目架子:vue create 項(xiàng)目名
按住shift;鼠標(biāo)點(diǎn)擊右鍵
vue create vue-demo1?
注意:項(xiàng)目名不能是中文
選vue2?
ERROR ?Error: command failed: yarn?報(bào)錯(cuò)
改npm
- 啟動(dòng)項(xiàng)目:yarn serve 或 npm run serve
VSCode New window;挪進(jìn)來