在vscode使用editorconfig的正确姿势

editorconfig是什么鬼?

editorconfig是用来帮助开发者定义和维护代码风格(行尾结束符、缩进风格等)的东东。

editorconfig支持哪些规则?

请自行参考 editorconfig.org/

如何在vscode中使用editorconfig?

  • 在当前项目根目录下添加.editorconfig文件
  • 安装EditorConfig扩展(怎么安装扩展哈?纳尼?打开百度或google,输入vscode 安装扩展 | vscode install extension;好了,不能再提示了)
  • 全局安装或局部安装editorconfig依赖包(npm install -g editorconfig | npm install -D editorconfig)
  • 打开需要格式化的文件并手动格式化代码(shift+alt+f)

简单说明下每一步的作用:

  • 第一步的editorconfig文件是定义一些格式化规则(此规则并不会被vscode直接解析)
  • 第二步EditorConfig扩展的作用是读取第一步创建的editorconfig文件中定义的规则,并覆盖user/workspace settings中的对应配置(从这我们也可以看出vscode本身其实是并不直接支持editorconfig的)
  • 第三步安装editorconfig依赖包主要是因为EditorConfig依赖于editorconfig包,不安装的可能会导致EditorConfig无法正常解析我们在第一步定义的editorconfig文件
  • 第四步的作用就是让经过EditorConfig扩展覆盖后的user/workspace settings生效

可能会遇到的问题

  • 当 user/workspace setting 中的 files.trimTrailingWhitespace=true时trim_trailing_whitespace = false 就不会生效了
  • end_of_line属性貌似不被支持(可直接修改user/workspace setting中的files.eol配置,直接配置成"files.eol": "\n"即可)

注意:结束符需要ctrl+s当前文件才会生效(其他规则是按下shift+alt+f格式化代码就生效的)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值