前端项目代码风格统一

2020-03-12  本文已影响0人  草珊瑚_6557

前端项目比较重要的是代码质量校验和代码格式校验。
代码格式问题通常指的是:单行代码长度、tab长度、空格、逗号表达式、单双引号等问题。
代码质量问题指的是:未使用变量、三等号、全局变量声明等问题。
两个问题的解决对应vscode扩展是Prettier和ESLint。

使用顺序:

  1. Prettier格式化
  2. 后ESLint格式化

对应的配置文件

有了配置文件,可以保证配置跟着项目走。
毕竟现在js环境有浏览器,node,物联网等等。
vscode插件配置文件可以实现保存时执行格式化。

未来展望:
一键搞定代码格式和质量问题。

PS:
有些版本的vscode会开启内置代码校验。比如TypeScript and JavaScript Language Features
你可以通过查看 -> 输出可以看到当前项目启动的插件服务。
可以通过扩展面板 -> @builtin TypeScript and JavaScript Language Features来关闭

参考:
ESLint+Prettier代码规范实践
最全的Eslint配置模板,从此统一团队的编程习惯

上一篇 下一篇

猜你喜欢

热点阅读