智能消除 VS Code 换行符红色波浪线

问题

打开项目的某个文件，满目的红色波浪线，虐死强迫症的节奏。捣鼓半天，一开始还以为是触发了哪些个 ESLint 规则，结果如截图：

排查

1. 查看配置

   git config core.autocrlf
   
   # Windows 平台输出 true
   

2. 更新配置

   git config --global core.autocrlf false   
   

   再执行步骤 1，结果取反。但是项目文件红色波浪线并未消失。

方案

1. 安装插件

   1. 切换到 vscode【插件】面板
   2. 搜索输入【EditorConfig】
   3. 点击【安装】

   

2. 新增配置

   在项目根目录新建文件 .editorconfig，填充如下内容：

   root = true
   
   [*]
   charset = utf-8
   indent_style = space
   indent_size = 2
   end_of_line = lf
   insert_final_newline = true
   trim_trailing_whitespace = true
   

   更多配置内容详见：EditorConfig。

3. 重启编辑器

   再次访问项目文件，红色波浪线消失了！

   另外，新建 test.js 文件，缩进由原来的 4 自动设置为 2 个空格，换行规则保持 CRLF 没变，如图：

   

   但是保存（Ctrl + S）后，自动调整为 LF，如图：

   

小结

工欲善其事必先利其器，日常开发中多了解下编辑器，遇到问题先自行思考解决方案，积极做好相关笔记，记录相关便捷技巧，编码有如神助！