前端项目代码风格统一
2020-03-12 本文已影响0人
草珊瑚_6557
前端项目比较重要的是代码质量校验和代码格式校验。
代码格式问题通常指的是:单行代码长度、tab长度、空格、逗号表达式、单双引号等问题。
代码质量问题指的是:未使用变量、三等号、全局变量声明等问题。
两个问题的解决对应vscode扩展是Prettier和ESLint。
使用顺序:
- Prettier格式化
- 后ESLint格式化
对应的配置文件
- .eslintrc.js
- prettier.config.js
- .vscode/settings.json(vscode插件配置文件)
有了配置文件,可以保证配置跟着项目走。
毕竟现在js环境有浏览器,node,物联网等等。
vscode插件配置文件可以实现保存时执行格式化。
未来展望:
一键搞定代码格式和质量问题。
PS:
有些版本的vscode会开启内置代码校验。比如TypeScript and JavaScript Language Features
。
你可以通过查看 -> 输出
可以看到当前项目启动的插件服务。
可以通过扩展面板 -> @builtin TypeScript and JavaScript Language Features
来关闭