vue腳手架安裝步驟：1、安裝node環(huán)境；2、通過“npm install -g vue-cli”安裝vue-cli腳手架；3、根據(jù)提示選擇安裝插件；4、安裝項(xiàng)目依賴；5、運(yùn)行“npm run dev”即可。

本文操作環(huán)境：windows7系統(tǒng)、vue/cli 3.12.1版，DELL G3電腦。

vue腳手架安裝步驟

安裝之前檢查是否已經(jīng)安裝node環(huán)境，如果有我們就進(jìn)行接下來的vue-cli的安裝，若果沒有我們則先安裝node環(huán)境。

安裝vue-cli腳手架，安裝代碼為：npm install -g vue-cli，我們在這里選擇的是全局安裝，安裝完之后創(chuàng)建項(xiàng)目。

然后根據(jù)提示選擇會(huì)否安裝插件，如果安裝則選擇Yes，如果不安裝則選擇No,知道插件選擇完成。

之后我們cd切換到項(xiàng)目目錄，然后安裝項(xiàng)目依賴，項(xiàng)目依賴的安裝代碼為：npm install

依賴安裝完成之后我們的腳手架基本上算是安裝完成了，我們看一下我們的項(xiàng)目都有什么文件。

所有前奏準(zhǔn)備完成之后我們的vue-cli腳手架就算是完成了，我們接下來就要讓項(xiàng)目跑起來。代碼為：npm run dev

腳手架跑起來之后，會(huì)默認(rèn)打開8080端口，系統(tǒng)如果自動(dòng)跳轉(zhuǎn)到該網(wǎng)頁，就說明我們的腳手架安裝已經(jīng)完了，然后就可以在腳手架里面填寫我們的項(xiàng)目了。

注意事項(xiàng)

vue-cli默認(rèn)會(huì)安裝一些插件，這些插件我們可以選擇性的安裝

建議新手直接使用腳手架，不要?jiǎng)?chuàng)建純凈的vue項(xiàng)目