在前端开发中，我们经常需要查看当前项目的运行环境及依赖信息。envinfo 是一个可以帮助我们快速获取这些信息的 npm 包。它可以输出包括 Node.js 版本、操作系统信息、npm 包版本等重要信息。
安装
使用 npm 命令进行全局安装：
npm install -g envinfo
使用
在命令行中输入以下命令：
envinfo
执行上述命令后，将输出类似下面的信息：
-- -------------------- ---- ------- ------- --- ----- ------- ---- --- --- -------- -------- --------- --- - ------- ------- ---- -- - ----- -- ------ ----- - -------- --------- ----- ------- - -------------------------------------- ---- ------ - ------------------------------------- --------- ----- - -----------------------
通过 envinfo 命令，我们可以快速地获取关于系统和项目信息的详细输出。此外，该命令还支持多种选项，以帮助我们更好地定制输出信息。
选项
--system
通过设置 --system 选项，我们可以仅打印系统相关的信息。例如：
envinfo --system
输出：
System: OS: macOS 10.14.6 CPU: (8) x64 Intel(R) Core(TM) i7-4770HQ CPU @ 2.20GHz Memory: 4.00 GB / 16.00 GB Shell: 5.7.1 - /bin/zsh
--npmPackages
通过设置 --npmPackages 选项，我们可以仅打印项目依赖包的版本信息。例如：
envinfo --npmPackages
输出：
Binaries: Node: 12.18.3 - ~/.nvm/versions/node/v12.18.3/bin/node npm: 6.14.6 - ~/.nvm/versions/node/v12.18.3/bin/npm npmPackages: react: ^17.0.1 => 17.0.1 react-dom: ^17.0.1 => 17.0.1 ...
--browsers
通过设置 --browsers 选项，我们可以仅打印浏览器相关的信息。例如：
envinfo --browsers
输出：
Browsers: Chrome: 94.0.4606.81 Firefox: 92.0 Safari: 14.1.2
除了以上列出的选项，envinfo 还支持其他多个选项，更多信息可以参考其官方文档。
总结
在开发过程中，了解当前项目的运行环境及依赖信息非常重要，这可以帮助我们更好地进行开发和调试。envinfo 可以帮助我们快速获取这些信息，并且提供了多种选项以支持个性化定制输出内容。如果你是前端开发者，那么不妨尝试一下 envinfo 这个实用的 npm 包。
示例代码
-- -------------------- ---- -------
----- ------- - -------------------
------ -- -- -
----- ---- - ----- -------------
------- ------ ------ --------- ---------
--------- -------- ------ ------------
------------ --------- ------------ -------- -------------- ---------------------
--------- ---------- ---------- ---------
---
------------------
-----来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/41653