使用 VS Code 读取环境变量

在使用 VS Code 开发程序时，经常需要读取一些环境变量，比如数据库地址、密钥等等。本文将介绍如何在 VS Code 中读取环境变量，并给出相应的示例代码。

一、配置环境变量

在运行程序之前，需要先配置好环境变量。Windows 系统下，可以在“系统属性”-“环境变量”中进行配置；Linux 系统下，可以在 ~/.bashrc 或者 /etc/profile.d/ 目录下创建 shell 脚本来设置环境变量。

下面以 Windows 系统为例，假设我们需要设置一个名为“API_KEY”的环境变量，其值为“123456”。

1. 打开“系统属性”-“高级系统设置”-“环境变量”界面。

2. 在“系统变量”中点击“新建”，输入变量名“API_KEY”，变量值“123456”。

3. 点击“确定”保存。

现在我们已经配置好了一个名为“API_KEY”的环境变量，接下来就可以在 VS Code 中读取了。

二、在 VS Code 中读取环境变量

在 VS Code 中，可以通过 process.env 对象访问环境变量。下面给出一个 TypeScript 示例代码：

const apiKey = process.env.API_KEY;
console.log(`API_KEY: ${apiKey}`);

这段代码会读取名为“API_KEY”的环境变量，并将其输出到控制台。注意，在使用 TypeScript 时，需要正确配置 tsconfig.json 文件，以支持环境变量。具体配置如下：

{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es6",
    "sourceMap": true,
    "esModuleInterop": true,
    "resolveJsonModule": true,
    "downlevelIteration": true,
    "baseUrl": ".",
    "paths": {
      "*": ["node_modules/*", "src/types/*"]
    },
    "typeRoots": ["node_modules/@types"],
    "lib": ["es6", "dom"],
    "forceConsistentCasingInFileNames": true
  },
  "exclude": ["node_modules", "**/*.spec.ts"]
}

除了 TypeScript，其他语言也可以使用类似的方式读取环境变量。下面给出一个 Python 示例代码：

import os

api_key = os.environ.get('API_KEY')
print('API_KEY:', api_key)

在 Python 中，可以通过 os.environ.get 函数获取环境变量。如果环境变量不存在，则返回 None。

三、总结

本文介绍了如何在 VS Code 中读取环境变量，并给出了 TypeScript 和 Python 的示例代码。在实际开发中，需要注意环境变量的安全性，避免将敏感信息暴露在代码中。