那天在项目组群里,看到有个新来的同事发了个疑问:“前端开发要配置哪些环境变量啊?”我心头一惊,这问题问得好直接。想起自己当年刚入门的时候,也是一脸懵懂。我回了个消息:“嘿,我记得我当初配置的时候,主要就三个:NODE_PATH、PATH、和项目特定的环境变量。”
NODE_PATH 是因为前端项目大多是用 Node.js 写的,得确保环境变量里包含了 Node.js 的路径。PATH 的话,是为了方便全局调用 Node.js 和 npm 命令。至于项目特定的环境变量,比如 API 密钥啦、数据库连接啦,这些都是根据项目需求来配置的。
突然想到,好像我还得教他怎么查看环境变量。我记得当时我是这样做的。。等等,还有个事,我好像还教过怎么在 Mac 上用 .zshrc 文件来管理环境变量,挺有用的。不过现在都用 Docker 了,可能不那么重要了。说起来,现在的年轻人是不是都用 Docker 来配置环境了?
前端开发,先得装Node.js,然后环境变量主要是:
1. NODE_PATH:Node.js模块搜索路径。 2. PATH:包含Node.js可执行文件的路径。 3. npm_config_prefix:npm的全局配置目录。 4. npm_config_home:npm的配置文件路径。
项目具体可能用到: 5. REACT_APP_XXX:用于React项目中的环境变量。
你自己看,根据项目需求调整。
前端开发需配置:
- Node.js环境变量,如NODE_PATH、PATH
- 项目特定变量,如API_URL
- 环境标识,如NODE_ENV=development
- 自定义变量,如DB_HOST, 大白话就是:项目需要的,如数据库地址
你自己掂量。
前端环境变量:
- NODE_ENV:用于区分开发环境、生产环境等。
- PORT:指定应用启动端口。
- API_URL:API接口地址。
- DB_HOST、DB_USER、DB_PASS、DB_NAME:数据库连接信息。
- LOG_LEVEL:日志输出级别。
- SESSION_SECRET:用于加密session的密钥。
大白话: - 环境变量就像手机里的密码,用来区分不同用途。
- 调整应用启动的门口,比如家里门和公司门的钥匙。
- 告诉应用去哪里找API,就像问路去餐馆。
- 连接数据库的密码和地址,就像进银行需要密码和门牌号。
- 控制日志显示程度,就像电视音量大小。
- 加密用户登录状态,就像手机解锁密码。