要配置VS Code的环境变量,可以按照以下步骤进行操作:
- 打开VS Code并进入“扩展”面板,搜索并安装名为"DotENV"的扩展。
- 在VS Code的菜单栏中选择"文件" -> “首选项” -> “设置”,然后在右侧的设置面板中找到"编辑器" -> “自定义设置”。
- 点击"编辑"按钮,然后在打开的
settings.json
文件中添加以下代码:
"editor.tokenColorCustomizations": { "textMateRules": [ { "scope": "support.variable.env", "settings": { "foreground": "#FFA500" } } ] },
此代码将为环境变量添加橙色的文本颜色。
4. 保存并关闭settings.json
文件。
5. 打开VS Code的命令面板(快捷键:Ctrl + Shift + P),然后输入"DotENV: Add .env"并选择该命令。这将在你的项目根目录中创建一个名为.env
的文件。
6. 打开.env
文件并添加你需要的环境变量,每行一个变量,例如:
DATABASE_URL=your_database_url API_KEY=your_api_key
- 保存
.env
文件。 - 在你的代码中可以使用
process.env
对象来访问这些环境变量,例如:
const databaseURL = process.env.DATABASE_URL; const apiKey = process.env.API_KEY; console.log(databaseURL, apiKey);
这样,你就配置了VS Code的环境变量。请注意,这些环境变量仅在你的VS Code编辑器中生效,而不是在整个操作系统中。如果你需要在操作系统中配置环境变量,你需要根据你使用的操作系统进行相应的设置。