vs code怎么搭建NodeJs的開發(fā)環(huán)境? vscode運(yùn)行nodejs代碼的技巧

發(fā)布時(shí)間：2021-11-26 16:04:15 作者：佚名

我要評(píng)論

vs code怎么搭建NodeJs的開發(fā)環(huán)境？Visual Studio Code中需要搭建nodejs運(yùn)行代碼，該怎么操作呢？下面我們就來看看vscode運(yùn)行nodejs代碼的技巧

今天我們就來看看Visual Studio Code從零開始運(yùn)行NodeJs代碼的技巧，詳細(xì)請(qǐng)看下文介紹。

Visual Studio Code(代碼編輯器) v1.117.0 64位中文免費(fèi)綠色版

類型：編譯工具
大?。?/span>215MB
語言：簡(jiǎn)體中文
時(shí)間：2026-04-23

查看詳情

安裝和環(huán)境變量配置

NodeJS中文官網(wǎng)下載對(duì)應(yīng)版本的nodeJs安裝文件（建議安裝在非C盤目錄下）

安裝完成，可以看到自動(dòng)配置了環(huán)境變量

nodejs安裝包路徑的話默認(rèn)在 'C:\Users\<用戶>\AppData\Roaming\npm'，

nodejs的緩存位置：'C:\Users\<用戶>\AppData\Roaming\npm-cache'

修改第二步的默認(rèn)包安裝路徑和緩存位置。

node.js安裝后的根目錄]新建兩個(gè)目錄：node_global，node_cache，然后找到nodejs目錄下的node_modules/npm目錄下名為npmrc文件

將原來的prefix=${APPDATA}\npm

內(nèi)容修改為

prefix=G:\編程\nodejs\node_global

cache=G:\編程\nodejs\node_cache

上面的G:\編程\nodejs路徑是你自己nodejs的安裝目錄。

這樣做的好處是，避免了因?yàn)闄?quán)限問題而不能安裝某些工具，而且系統(tǒng)重裝以后，安裝的工具包也不會(huì)被清除掉。

vscode運(yùn)行nodejs代碼

點(diǎn)擊左下角擴(kuò)展按鈕，然后搜索Code Runner插件，下載安裝

代碼運(yùn)行測(cè)試工具CodeRunner for Mac V4.2 蘋果電腦特別版

類型：開發(fā)軟件
大?。?/span>80.58MB
語言：簡(jiǎn)體中文
時(shí)間：2022-11-27

查看詳情

本地新建一個(gè)server.js腳本文件

里面內(nèi)容：

var http=require('http');
http.createServer(function(request, response){ //請(qǐng)求對(duì)象;響應(yīng)對(duì)象
response.writeHead(200, {'Content-Type':'text/html; charset=utf-8'});
//http文件頭,輸出類型:html文本類型/ utf-8編碼
if(request.url!=='/favicon.ico'){ //清除避免2次訪問
console.log('開始訪問');  //后臺(tái)輸出: 開始訪問
response.write('hello world');  //前端輸出: hello world
response.end(''); //必須帶內(nèi)容;至少引號(hào)('')空字符串
}
}).listen(8000); 
console.log('Server running at http://127.0.0.1:8000/');

在vscode界面，點(diǎn)擊左上角資源管理器按鈕→打開文件夾

然后選擇我們新建的server.js腳本文件的目錄