title: 前端工程化探索——editorconfig
category: Web
tag: [前端工程化]
date: 2019-07-14

产生背景

我们在看项目目录的时候，常常会看到 .editorconfig文件，这个文件有什么作用？

这得从一个技术细节谈起：行尾序列，处理换行。

在 Windows平台新建一个文件按下回车，默认执行 回车+换行 两个操作 CR+LF，在Linux上执行的是 换行 LF，在mac上执行的是回车 CR。

这意味着同样一段话，不同浏览器保存时候文本格式不同，你看到git报警文件有变化，打开之后什么提示也没有，那有可能就是这个问题了。

如果统一都用lf 就没问题了。

此外，有点编辑器会删除多余的空行，最后一行自动添加回车等操作。各种奇怪问题的出现，就意味着我们需要去统一。

editorconfig 配置文件就有用了。他有一个官网

如何使用

如果你是 vscode 用户，需要先安装插件来确保生效 EditorConfig for VS Code

项目目录创建一个文件 .editorconfig

# EditorConfig is awesome: https://EditorConfig.org
root = true
[*]
#indent_style = space
#indent_size = 4
end_of_line = lf

[rename/**]
charset = utf-8
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true

配置说明