在TypeScript开发过程中，环境变量是管理配置信息的重要手段。它们可以帮助你根据不同的环境（如开发、测试、生产）调整应用程序的行为。配置环境变量并不复杂，以下是一些实用技巧，让你轻松一步到位！
1. 使用
.env
文件
.env
文件是一种常见的环境变量配置方式，它允许你将环境变量存储在一个文件中。以下是如何使用
.env
文件配置TypeScript开发环境：
1.1 创建
.env
文件
在你的项目根目录下创建一个名为
.env
的文件。
1.2 添加环境变量
在
.env
文件中，你可以添加如下内容：
# 开发环境
NODE_ENV=development
API_URL=http://localhost:3000
1.3 在TypeScript项目中使用环境变量
在TypeScript项目中，你可以使用
process.env
对象访问环境变量。例如：
console.log(‘当前环境:’, process.env.NODE_ENV);
console.log(‘API URL:’, process.env.API_URL);
2. 使用
dotenv
库
如果你不想直接编辑
.env
文件，可以使用
dotenv
库来加载环境变量。以下是如何使用
dotenv
库：
2.1 安装
dotenv
首先，你需要安装
dotenv
库：
npm install dotenv
2.2 在项目中加载
.env
文件
在项目入口文件（如
index.ts
）中，添加以下代码：
import * as dotenv from ‘dotenv’;
dotenv.config();
console.log(‘当前环境:’, process.env.NODE_ENV);
console.log(‘API URL:’, process.env.API_URL);
3. 使用环境变量配置文件
除了
.env
文件，你还可以使用其他配置文件，如
.env.development
、
.env.test
和
.env.production
。这些文件可以包含特定环境的环境变量。
3.1 创建环境变量配置文件
在你的项目根目录下创建以下文件：
.env.development
.env.test
.env.production
3.2 添加环境变量
在每个配置文件中，添加对应环境的环境变量。例如：
# .env.development
NODE_ENV=development
API_URL=http://localhost:3000
3.3 在TypeScript项目中加载配置文件
在项目入口文件中，使用
dotenv
库加载对应环境的配置文件：
import * as dotenv from ‘dotenv’;
dotenv.config({ path: `.env.${process.env.NODE_ENV}` });
console.log(‘当前环境:’, process.env.NODE_ENV);
console.log(‘API URL:’, process.env.API_URL);
4. 使用环境变量管理工具
除了手动编辑
.env
文件，你还可以使用环境变量管理工具，如
env-cmd
、
cross-env
等。这些工具可以帮助你在命令行中设置环境变量。
4.1 使用
env-cmd
首先，安装
env-cmd
：
npm install env-cmd –save-dev
然后，在你的
package.json
文件中添加以下脚本：
“scripts”: {
“start”: “env-cmd .env.development node index.js”
}
这样，当你运行
npm start
时，就会加载
.env.development
文件中的环境变量。
总结
通过以上实用技巧，你可以轻松配置TypeScript开发环境中的环境变量。选择适合你项目的方法，让你的TypeScript开发更加高效！