?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)來