1、配置 npm 淘寶鏡像

如果出現(xiàn)

先到下載安裝 node.js (官網(wǎng)：https://nodejs.org/en/)

一直點(diǎn)擊下一步就好了

命令行輸入

輸出如下即為安裝成功

然后重新配置淘寶鏡像

2、重新打開(kāi)命令行窗口，全局安裝 @vue/cli

安裝完畢

如果卡住了可以敲回車(chē)?yán)^續(xù)安裝

3、切換到所要?jiǎng)?chuàng)建項(xiàng)目的目錄下打開(kāi)命令行，使用命令創(chuàng)建項(xiàng)目

選擇所要使用的 Vue 的版本

• babel：專(zhuān)門(mén)用于 ES6 轉(zhuǎn) ES5

• eslint：用于語(yǔ)法檢查

成功創(chuàng)建 demo 項(xiàng)目

4、切換到項(xiàng)目目錄下，啟動(dòng)服務(wù)器

輸出結(jié)果如下：

直接訪問(wèn) Local 的網(wǎng)址就可以了

• Network 的地址用于同局域網(wǎng)的其他人訪問(wèn)

頁(yè)面效果如下

到此，腳手架安裝成功，并且訪問(wèn)了一個(gè) Vue 示例程序 Hello World