vue-cli 3 配置eslint检查代码格式

本文介绍了如何在Vue CLI 3项目中设置Eslint进行代码格式检查,并配合VSCode的Prettier插件进行代码格式化。随着VSCode版本更新,旧的配置已失效,需更新`settings.json`以匹配`.eslintrc.js`文件的规则。同时,文章提到了如何通过VSCode内置功能格式化vue文件中的HTML和CSS代码,以及如何自定义格式化规则。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一个团队最好要有统一的代码格式,这里简单整理一下,仅供参考

首先,在搭建脚手架的时候的选择,推荐编辑器vscode:

配合vscode编辑器的 Prettier - Code formatter插件:

注意点:

set.json文件(vscode)

2020更新

由于 vscode 版本更新,以上配置已经失效,需要改为

"editor.codeActionsOnSave": {
     "source.fixAll.eslint": true,
 },

配置完之后,VSCode 会根据你当前 Vue 项目下的 .eslintrc.js 文件的规则来验证和格式化代码。

PS:自动格式化代码在保存时自动触发,目前试了 TS 和 JS 以

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

浏览器翻译官~

你的励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值