提示:按照步骤设置完后,可以实现自动按照当前ESLint规则格式化
注意:亲测如果非vue项目如果发现eslint无法实现代码段校验,请自行注释对应配置
前言
实现按照ESLint 规则自动格式化需要借助以下插件:
- ESLint (读取 ESLint 配置文件进行语法检测)— 主要
- Prettier (代码格式化工具)— 一直有用简单介绍一下
- vetur vue代码高亮(vue项目需要此插件)
本文主要通过VScode中的ESLint插件进行配置(setting.json里做配置)
提示:不管是多人合作还是个人项目,代码规范是很重要的。这样做不仅可以很大程度地避免基本语法错误,也保证了代码的可读性。这所谓工欲善其事,必先利其器。
这里使用的开发工具是vscode,配合eslint来对项目进行格式校验, 本文vue项目添加配置eslint语法检测。每次修改代码不符合eslint规则的地方vscode就能标红(﹏﹏

本文介绍了如何在VSCode中配置ESLint和Prettier,实现Vue项目的代码自动格式化。通过安装插件、设置用户或工作区配置,以及调整快捷键,确保在保存时自动按照ESLint规则格式化代码。
最低0.47元/天 解锁文章
6075





