给Vscode配置ESlint语法检查 — ESLint 插件自动格式化设置(实现Ctrl+S 按照ESLint规则自动格式化代码)

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

提示:按照步骤设置完后,可以实现自动按照当前ESLint规则格式化

注意:亲测如果非vue项目如果发现eslint无法实现代码段校验,请自行注释对应配置


前言

实现按照ESLint 规则自动格式化需要借助以下插件:

  • ESLint (读取 ESLint 配置文件进行语法检测)— 主要
  • Prettier (代码格式化工具)— 一直有用简单介绍一下
  • vetur vue代码高亮(vue项目需要此插件)

本文主要通过VScode中的ESLint插件进行配置(setting.json里做配置)


提示:

        不管是多人合作还是个人项目,代码规范是很重要的。这样做不仅可以很大程度地避免基本语法错误,也保证了代码的可读性。这所谓工欲善其事,必先利其器。

       这里使用的开发工具是vscode,配合eslint来对项目进行格式校验, 本文vue项目添加配置eslint语法检测。每次修改代码不符合eslint规则的地方vscode就能标红(﹏﹏

评论 9
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值