1.node.js安裝

官網(wǎng)下載node.js，左邊是【穩(wěn)定版】，右邊是【最新版】，下載【穩(wěn)定版】就足夠了，雙擊安裝包進(jìn)行安裝

完成安裝后，按下【win+R】，輸入【cmd】，打開終端后輸入下面的代碼，測試安裝是否成功，

node -v

npm -v

一般情況下，node.js在安裝時(shí)會(huì)自動(dòng)添加環(huán)境變量到系統(tǒng)中，如果沒有出現(xiàn)下圖結(jié)果，請先檢查是否正確添加了環(huán)境變量

2.visual studio安裝

安裝完node.js后，官網(wǎng)下載最新版本的visual studio，下載【社區(qū)版】就足夠了，雙擊安裝包進(jìn)行安裝

安裝完visual studio后，在開始菜單找到visual studio installer并打開

彈出如下窗口，點(diǎn)擊【修改】

然后勾選node.js開發(fā)，點(diǎn)擊【修改】

3.創(chuàng)建node.js應(yīng)用

回到visual studio installer并點(diǎn)擊【啟動(dòng)】

如圖，點(diǎn)擊【創(chuàng)建新項(xiàng)目】

我們搜索一下【node】，如圖，這些就是我們能夠創(chuàng)建的node.js項(xiàng)目模板

例如，我們選擇第二個(gè)【空白Node.js Web應(yīng)用程序】，點(diǎn)擊【下一步】，注意我這里選擇的是【JavaScript】，當(dāng)然，你也可以選擇TypeScript

接著，輸入你的項(xiàng)目名稱，并選擇你的項(xiàng)目位置，點(diǎn)擊【創(chuàng)建】

如圖，一個(gè)空白的node.js項(xiàng)目就創(chuàng)建好了，現(xiàn)在我們就能夠在當(dāng)前的server.js中編寫服務(wù)器代碼，可以看到，server.js中預(yù)留了一些代碼，用來發(fā)送“Hello World”，感興趣可以試著運(yùn)行一下

4.環(huán)境配置

在開發(fā)服務(wù)器時(shí)，我們需要用到很多常用的包，例如【express】、【mysql】、【axios】等，接下來，我們需要在項(xiàng)目中進(jìn)行安裝

在剛剛創(chuàng)建的項(xiàng)目右側(cè)，我們展開文件夾【npm】->【dev】，這里面顯示的就是我們已安裝的包

選中任意包，按下鼠標(biāo)【右鍵】，可以對其進(jìn)行安裝、更新、卸載等操作

然后我們選中【npm】文件夾，按下鼠標(biāo)【右鍵】，并點(diǎn)擊【安裝新的npm包】

如果你選中了【dev】文件夾，那么你必須要記?。耗惆惭b的包存在【npm】文件夾的【dev】文件夾下，不要到時(shí)候花時(shí)間找半天還找不到

在左上角【輸入框】中輸入包名，然后選中你想要的包，點(diǎn)擊【安裝包】即可安裝

安裝完你需要的包后，如下圖所示

當(dāng)然，你也可以選擇使用終端進(jìn)行安裝，我們右鍵選中【NodejsWebApp1】，在彈出的窗口中，找到【在終端中打開】一項(xiàng)，并點(diǎn)擊

在下面的窗口中輸入安裝包的命令，按下【Enter】回車鍵以安裝，按下右上角的【x】關(guān)閉終端窗口，例如我們輸入：

npm install mysql

可以看到，使用終端進(jìn)行安裝，包也是存在【npm】文件夾下

5.程序運(yùn)行和配置

我們在運(yùn)行剛剛創(chuàng)建的程序時(shí)，會(huì)自動(dòng)打開瀏覽器，并跳轉(zhuǎn)到【1337】端口

如果我們想自動(dòng)跳轉(zhuǎn)到其他端口，需要下拉【W(wǎng)eb服務(wù)器(Microsoft Edge)】，在彈出的窗口中點(diǎn)擊【NodejsWebApp1調(diào)試屬性】進(jìn)行配置，如下圖所示

以上便是利用visual studio進(jìn)行node.js開發(fā)的詳細(xì)過程，更多相關(guān)vs配置node.js內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論