前言
在前端开发中，经常需要读取环境变量。而 dotenv 是一个著名的 npm 包，可以方便地在开发环境中读取 .env 配置文件中的环境变量。然而，缺乏一个友好的交互式 UI，使得当忘记环境变量或是在配置文件中拼写出现错误时，只能手动修复。这时候，dotenv-prompter 这个 npm 包就尤为方便了，它可以为开发者提供一个带有交互式 UI 的解决方案，可以避免开发者忘记或者误拼环境变量的问题。
dotenv-prompter 基本介绍
dotenv-prompter 是一款能够和 dotenv 包一起使用的 npm 包，它可以提供一个交互式 UI 来帮助开发者设置环境变量，使得在没有正确的环境变量时，应用程序可以被中断而不是继续执行。同时，它还支持 TypeScript，可以在任何编辑器和 IDE 中使用，还具有良好的文档和在 GitHub 上的活跃社区，方便开发者进行交流和学习。
dotenv-prompter 安装和使用
安装环节：
npm install dotenv dotenv-prompter
在项目目录下创建 .env 文件，写入如下的变量：
PORT=3000 DB_USER=root DB_PASSWORD=password
在项目代码中引入dotenv的第一个修改是由直接读取操作系统的环境变量转换为读取 .env 文件中的值。
require('dotenv').config()
// 原来的方式
const port = process.env.PORT
const dbUser = process.env.DB_USER
// 修改后的方式
const port = process.env.PORT || 3000
const dbUser = process.env.DB_USER || 'defaultName'使用dotenv-prompter的方式
const dotenv = require('dotenv')
const dotenvParseVariables = require('dotenv-parse-variables')
require('dotenv-prompter')()
const envConfig = dotenv.config({ path: '.env' })
dotenvParseVariables(envConfig.pared)这个代码使得在调用 dotenv.config 时就会弹出交互式 UI，开发者只需要键入环境变量的值即可。
dotenv-prompter 实际使用场景
以下是一个基于 Express 和 Sequelize 的实际使用场景示例。
-- -------------------- ---- -------
----- ------- - ------------------
----- - --------- - - -------------------
--------------------------
----------------------------
----- --- - ---------
------------ ----- ---- -- -
---------------- --------
--
---------------------------- -- -- -
------------------- ------- -- ---- ---------------------
---------------- ------ ---- --
-------- -- -
--------------------- ---------- --------------
--
------------ -- -
--------------------- -- ------- -- --- ----------- ----
--
--在这个代码中，我们使用了 dotenv-prompter 来确保我们可以通过交互式 UI 添加或修改环境变量，以及将环境变量集成到我们的应用程序中。
结论
dotenv-prompter 是一个有用的 npm 包，可以为开发者提供一个友好的交互式 UI，使得读取环境变量变得更容易。无论是在使用 Express、Sequelize、React 或任何其他编写的工具上，都可以通过 dotenv-prompter 在应用程序中使用环境变量。希望这篇文章对你有所启发，并且能够帮助你更好的管理应用程序中的环境变量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005537981e8991b448d0a95