目錄
一、node.js的下載
1、去官網(wǎng)下載? ?節(jié)點(diǎn).js (nodejs.org)
2、下載過(guò)程
第一步：
第二步：
第三步：
第四步：
第五步:
二、vite項(xiàng)目的創(chuàng)建（使用的工具是Hbuilder x）
第一步：
?出現(xiàn)報(bào)錯(cuò)
Need to install the following packages:? create-vite-app@1.21.0
第二步：
第三步：
?三、可能出現(xiàn)的報(bào)錯(cuò)問(wèn)題：
1、安裝成功之后，開(kāi)始監(jiān)視文件，出現(xiàn)如下報(bào)錯(cuò)：
? Usage: nodemon [nodemon options] [script.js] [args]
? See "nodemon --help" for more.?編輯
2、HbuilderX終端顯示空白
3、'vite' 不是內(nèi)部或外部命令，也不是可運(yùn)行的程序 或批處理文件
一、node.js的下載
1、去官網(wǎng)下載? ?節(jié)點(diǎn).js (nodejs.org)
2、下載過(guò)程
第一步：
就一直點(diǎn)擊next??
選擇安裝路徑，看你自己的想法咯（我選擇安裝在d盤）
?
?
?
?
?
?最后安裝完成
第二步：
查看Node版本? 在dos下??? node -v
第三步：
拷貝myapi到本地磁盤? 不要放在中文文件夾下
下載nodemon命令? ?npm?install?-g?nodemon
第四步：
啟動(dòng)服務(wù) nodemon index.js
第五步:
訪問(wèn)地址：http://localhost:3000
下圖為運(yùn)行成功以及報(bào)錯(cuò)解決方法，如果還是報(bào)模塊的錯(cuò)誤可以看看下面這篇文章。
Node.js Error: Cannot find module express的解決辦法_determine ZandR的博客-CSDN博客
運(yùn)行成功就是這樣的一個(gè)界面?
二、vite項(xiàng)目的創(chuàng)建（使用的工具是Hbuilder x）
第一步：
打開(kāi)cmd（在你自己項(xiàng)目文件夾中打開(kāi)）
npm init vite-app 你自己項(xiàng)目的名字
如果沒(méi)有報(bào)錯(cuò)的話直接到第二步
?出現(xiàn)報(bào)錯(cuò)
Need to install the following packages:
? create-vite-app@1.21.0
運(yùn)行以下命令
npm i create-vite-app
?
創(chuàng)鍵成功
?第二步：
打開(kāi)Hbuilder X，將你創(chuàng)建的文件導(dǎo)入?，再右擊打開(kāi)終端，下載依賴npm i
第三步：
運(yùn)行 npm run dev，出現(xiàn)以下界面即運(yùn)行成功
?隨便點(diǎn)進(jìn)去一個(gè)，就可以出現(xiàn)下圖（并不是所有人都有3個(gè)網(wǎng)址，因?yàn)槲疫B接了寬帶和WiFi）
?
?三、可能出現(xiàn)的報(bào)錯(cuò)問(wèn)題：
1、安裝成功之后，開(kāi)始監(jiān)視文件，出現(xiàn)如下報(bào)錯(cuò)：
? Usage: nodemon [nodemon options] [script.js] [args]
? See "nodemon --help" for more.
出現(xiàn)這個(gè)情況可能是當(dāng)前你的筆記本系統(tǒng)設(shè)置了禁止運(yùn)行腳本，解決辦法是打開(kāi)你的PowerShell,以管理員的身份運(yùn)行
輸入set-ExecutionPolicy RemoteSigned，回車
?輸入Y或者A即可。
2、HbuilderX終端顯示空白
解決方法：
1、查看是否是最高版本的，如果不是就更新HbuilderX
2、打開(kāi)HBuilderX\plugins\builtincef3terminal\script下的main.js
將你自己的main.js圖中路徑改為?C:/Windows/System32/WindowsPowerShell/v1.0/powershell.exe
3、看是否在中文路徑下（不要是中文路徑）
3、'vite' 不是內(nèi)部或外部命令，也不是可運(yùn)行的程序 或批處理文件
解決方法：
1、刪除 node_modules 文件夾 和?package-lock.json 文件
2、重新運(yùn)行安裝依賴 npm i
3、npm run dev?啟動(dòng)項(xiàng)目文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-774328.html
以上就是本人遇到的一些問(wèn)題，以及解決方法，希望多多指教文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-774328.html
到了這里，關(guān)于node.js下載和vite項(xiàng)目創(chuàng)建以及可能遇到的錯(cuò)誤的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
