一、環(huán)境準(zhǔn)備

? ? ?下載node.js + 檢查node.js版本 + 替換npm下載源

1.下載node.js:??Node.js — 在任何地方運(yùn)行 JavaScript (nodejs.org)

2.查看版本:? ?windows+r輸入cmd進(jìn)入輸入node -v命令查看版本號(hào)是否出現(xiàn)確認(rèn)是否安裝

2.替換npm下載源:? ?npm config set registry https://registry.npmmirror.com

3.查看是否安裝成功??npm -v

二、搭建項(xiàng)目

1.在電腦上新建一個(gè)文件夾作為vue項(xiàng)目的文件夾， 在此文件夾中空白處按shift鍵同時(shí)點(diǎn)擊鼠標(biāo)右鍵，選擇在此處打開(kāi)Powershell窗口?

2.在命令行中輸入以下命令： npm create vue@latest? ? 回車(chē),出現(xiàn)下圖這種一直回車(chē)

一直回車(chē)到新的需要輸入為止,如下圖

3.進(jìn)入目錄 cd vue-project ，執(zhí)行 npm install 安裝依賴

4.然后執(zhí)行 npm run dev 運(yùn)行項(xiàng)目

5.下圖網(wǎng)址即是進(jìn)入項(xiàng)目鏈接

6.當(dāng)然還有一種打開(kāi)方式,是我們最常用的

右鍵文件夾,選擇vscode打開(kāi)(如果沒(méi)有vscode可以查看這個(gè)鏈接??點(diǎn)我? 查看解決方案?)

然后ctrl+j 打開(kāi)終端,輸入npm run dev即可運(yùn)行?

注意:如果報(bào)錯(cuò)如下圖

那么先右鍵最頂部文件夾+打開(kāi)終端輸入npm run dev即可

下次給大家講解進(jìn)去之后的基礎(chǔ)配置與作用,我是小輝,請(qǐng)多多關(guān)照!!?