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

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

我要評論

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

今天我們就來看看Visual Studio Code從零開始運行NodeJs代碼的技巧，詳細請看下文介紹。

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

類型：編譯工具
大?。?/span>143MB
語言：簡體中文
時間：2025-04-17

查看詳情

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

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

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

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

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

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

node.js安裝后的根目錄]新建兩個目錄：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的安裝目錄。

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

vscode運行nodejs代碼

點擊左下角擴展按鈕，然后搜索Code Runner插件，下載安裝

代碼運行測試工具CodeRunner for Mac V4.2 蘋果電腦特別版

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

查看詳情

本地新建一個server.js腳本文件

里面內(nèi)容：

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

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

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