WebStorm与VSCode如何使用editorconfig

1,220 阅读2分钟

一. 作用

EditorConfig 有助于为不同 IDE 编辑器上处理同一项目的多个开发人员维护一致的编码风格。

二. 官网

editorconfig.org

三. WebStorm中使用

1. 新版本

我使用版本中已默认安装,大家可以在自己的Plugins中查看

  • 打开webStrome > File > settings > Plugins;
  • 在Marketplace中搜索EditorConfig(此时会发现已经默认安装)
  • 若没有安装点击安装

2. 老版本

  • 打开webStrome > File > settings;
  • 找到Editor > Code Style 并点击它,在下面会有一个Enable EditorConfig support(启动EditorConfig的支持),点它前面的复选框选中它
  • 在复选框的后面有一Export按钮,它是导出editorConfig配置文件;我们点一下它,然后点确定;这时在你的项目中已经有了一个.editorConfig配置文件了;

四. VSCode中使用

注意:不安装此插件将无法应用下方文件

安装插件:EditorConfig for VS Code

五. 如何使用

注意:只要创建了文件并且IDE也安装并使用了对应的插件,此配置将会强制自动生效

  1. 创建 .editorconfig 文件(这是全称
  2. 配置信息,以下是我的配置,更多配置可查阅官网
# http://editorconfig.org

root = true

[*] # 表示所有文件适用
charset = utf-8 # 设置文件字符集为 utf-8
indent_style = space # 缩进风格(tab | space)
indent_size = 4 # 缩进大小
end_of_line = lf # 控制换行类型(lf | cr | crlf)
trim_trailing_whitespace = true # 去除行尾的任意空白字符
insert_final_newline = true # 始终在文件末尾插入一个新行

[*.md] # 表示仅 md 文件适用以下规则
max_line_length = off
trim_trailing_whitespace = false

此文章已在语雀、简书、CSDN、bilibili、掘金同步发放,
账号均为:在努力的大旭
所有文章的编写与文章的更新会先在语雀上发表,其余网站会根据时间进行同步,
若想抢先查看更多可移步语雀