本文目录一览：
- 1、windows怎么创建.env文件
- 2、.env.child什么作用,vue项目
- 3、.env 文件配置详解
- 4、create-react-app(cra) 或者craco，会忽略eslintignore的解决方案
- 5、前端配置环境变量 .env
- 6、surmon.me怎么启动
windows怎么创建.env文件
方法如下：点击new-file弹出如下图所示对话框，选择好文件存放路径和文件名即可，别的文件
.env.child什么作用,vue项目
env是全局配置文件,可以存储不同环境下的变量.使用vue-cli搭建项目,默认会在根目录创建一个.env文件,如果需要更多类型的.env文件,需要自行创建。
.env 文件配置详解
.env：全局默认配置文件，无论什么环境都会加载合并。
.env.development：开发环境的配置文件
.env.production：生产环境的配置文件
vue 会根据启动命令自动加载相对应的环境配置文件。
开发环境加载 .env 和 .env.development 。
生成环境加载 .env 和 .env.production 。
环境配置文件 全局配置文件
当全局的配置文件和环境的配置文件有相同配置项时，环境的配置项会覆盖全局的配置项
如：
开发环境
打印 process.env 属性
在配置文件中定义的属性在其它文件中如何访问呢？？
可以使用 process.env.xxx 来访问属性。
如：
create-react-app(cra) 或者craco，会忽略eslintignore的解决方案
create-react-app内置了eslint，但是却不能正确读取eslintignore文件。
react这么大的项目，竟然还有这么明显的bug。
因为我是在公司的项目上发现的这个问题 ，在node_modules 里面找到react-scripts 发现版本是3.4.1，不清楚新版本的cra是否修复了这个问题。
从StackOverflow上找到这个方法，但是对我没用。
可以参考这个帖子
据说cra某次提交修复了这个问题。可以从 env读取变量。
只要创建一个 .env 文件，然后加入下面一行。
这个env文件确实是生效的。
比如你在里面写上
然后你执行yarn start 确实启动在3101端口了
但是EXTEND_ESLINT=true这个配置对我是不生效的
这其实是4种忽略注释方式中的一种，public目录是因为eslint不会检查这个目录
但是这样项目里很多文件要加，就很蠢。我需要的是一种改动文件最少的方式。
首先我们在 .eslintrc.js 里面配置 ignorePatterns
比如：
然后我们在craco.config.js里面进行引入。
这样就可以了。
想要支持eslintignore也可以自己写js读取。但是我懒，所以直接配置ignorePatterns比较方便
前端配置环境变量 .env
开发环境和正式环境等不同的环境使用不同的环境地址，为了避免来回切换地址我们可以使用环境变量配置：添加 .env 文件。
ps:当你运行 serve 时，会使用开发环境 .env.development 文件中的地址；当你运行 build 时，会使用正式环境 .env.production 文件中的地址。
surmon.me怎么启动
您好，Surmon.me是一款基于Node.js的个人博客系统，它的启动需要以下步骤：
1. 下载源代码：在Surmon.me的GitHub仓库中下载源代码，可以使用git clone命令或者直接下载zip文件。
2. 安装依赖：进入项目根目录，使用npm install命令安装项目所需的依赖。
3. 配置环境变量：在项目根目录下新建一个.env文件，将其中的环境变量配置为自己的设置。
4. 启动服务：使用npm run dev命令启动开发环境的服务，或者使用npm run start命令启动生产环境的服务。
5. 访问网站：在浏览器中输入即可访问Surmon.me博客系统。
需要注意的是，Surmon.me博客系统需要配合MongoDB数据库使用，因此在启动之前需要确保MongoDB已经安装并启动。另外，如果需要部署到生产环境中，还需要进行一些额外的配置和优化，以保证系统的性能和安全性。-.env文件创建
