前言
之前一直使用Webstrom開發(fā)node項目翅敌，Webstrom開箱即用裕菠，內(nèi)置調(diào)試丙笋。Webstrom 2019內(nèi)存占用時不時就讓我15年的Macbook Pro 8G 內(nèi)存爆滿鱼蝉，無奈只能去嘗試VSCode 了著恩。使用VSCode已經(jīng)有一段時間了院尔，這里不對IDE做對比和評價，只對使用VSCode調(diào)試Node項目和設(shè)置一些常用的環(huán)境變量做一下記錄喉誊。
新建調(diào)試
使用VSCode打開Node項目邀摆，點擊最右側(cè)“調(diào)試”按鈕（蜘蛛圖案），點擊右側(cè)面板“齒輪圖標(biāo)”添加設(shè)置伍茄，選擇“Node.js”栋盹，會自動打開一個名為“l(fā)aunch.json”文件，
Debug面板
launch.json文件
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Launch Program",
"program": "${workspaceFolder}/bin/www"
}
]
}
launch.json文件說明
這個時候點擊debug面板上的啟動按鈕就能啟動node項目了敷矫；
調(diào)試說明
添加環(huán)境變量
使用VSCode 調(diào)試時例获，添加環(huán)境變量
打開 launch.json , 添加一個 “env” key汉额，下面是添加了 NODE_ENV,PORT 變量
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "node debug",
"program": "${workspaceFolder}/bin/www",
"env":{
"NODE_ENV":"development",
"PORT":8080,
"CUSTOM_PARAMS":"foo"
}
}
]
}
在項目代碼中，我們可以使用 process.env.NODE_ENV 獲取到變量值榨汤，
例如：
// 獲取端口
var port = normalizePort(process.env.PORT || '3010');
app.set('port', port);
// 使用NODE_ENV
if(process.env.NODE_ENV === 'development'){
response.status(400).json({ error});
}else{
response.status(400).json({error:error.code ? error : this.unknownError(),data});
}
npm script 方式添加node環(huán)境變量
使用npm script 添加node環(huán)境變量,執(zhí)行npm run YOUR_SCRIPT 時蠕搜，加載環(huán)境變量
樣例如下package.json文件：
{
"scripts": {
"start": "export NODE_ENV='development' && export PORT='3010' && node ./bin/www",
"build": "export NODE_ENV='production' && node ./bin/www"
},
}
使用pm2 管理node項目時,使用 pm2 start npm -- run YOUR_SCRIPT 方式 啟動node項目，向node中添加環(huán)境變量收壕；
# -- 和 run 之間有空格
pm2 start npm -- run build
