解决vscode格式化和eslintrc的冲突

最新推荐文章于 2024-09-14 10:23:07 发布
最新推荐文章于 2024-09-14 10:23:07 发布
阅读量241 收藏
点赞数
分类专栏： vue 文章标签： vscode ide visual studio code
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45805459/article/details/121003387
版权
本文介绍了如何在项目根目录创建.prettierrc文件，用于配置Prettier以移除自动添加的分号，并设定字符串使用单引号。同时，还讨论了禁用ESLint关于方法名后加空格的要求，以优化代码风格和格式化规范。
摘要由CSDN通过智能技术生成

在这里插入图片描述
在根目录中创建一个.prettierrc文件
第一个语句的意思是移除格式化自动添加的分号
第二个语句的意思是字符串采用单引号。

在这里插入图片描述
此语句用来禁用在方法名后加空格的eslinc的要求

杨旬
关注
专栏目录
vscode 配置vue+vetur+eslint+prettier自动格式化功能
10-15
主要介绍了vscode 配置vue+vetur+eslint+prettier自动格式化功能，本文通过实例代码图文的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
vscode保存代码，自动按照eslint规范格式化代码设置
热门推荐
coding...
08-31 12万+
转自：https://www.haorooms.com/post/vscode_eslint eslint 自动格式化 先说一个前提吧，你在package.json中安装了eslint的依赖，不然配置无用。 例如如下依赖： "eslint": "^4.19.1", "eslint-friendly-formatter": "^4.0.1", "eslint-loader": "^2.0....
ESLint规则整理与实际应用
lhb_11的博客
09-13 1万+
1.安装1.1本地安装(运用到此项目)$ npm install eslint --save-dev1.2全局安装（运用到所有项目）$ npm install -g eslint2.配置2.1使用 .eslintrc 文件$ eslint --init2.2在 package.json 中添加 eslintConfig配置块2.3直接在代码文件中定义2.3.1 禁用 ESLint：/* eslint
vscode技巧-eslint配置
最新发布
weixin_41094290的博客
09-14 956
vscode中文件格式化
vscode代码格式化与eslint冲突解决办法
tanzhiguo1的博客
02-01 903
vscode代码格式化与eslint冲突解决办法
vscode配置ESlint
weixin_62258865的博客
11-02 1万+
最近为vsocde配置Eslint出现了许多问题， 我解决问题之后，觉得还是把这些坑都写清楚，方便学习前端的初学者。
eslin配置详解
smile_hahahaxixi的博客
08-22 843
vue-cli3项目配置eslint代码规范 安装依赖 安装依赖有两种方法： 在cmd中打上把相应的依赖加到devDependencies下，再npm install对应依赖。 在package.json文件加上相应依赖： "eslint-plugin-html": "^6.0.3", "@vue/cli-plugin-eslint": "^3.3.0", "@vue/eslint-config-standard": "^4.0.0", "eslint": "5.0.0", "eslint-friendly
vscode使用eslint
yanzhe6789的博客
03-30 3663
vscode开发vue项目启用eslint代码检测
Vue-cli Eslint在vscode里代码自动格式化的方法
08-27
- 安装 `Vetur` 插件，它不仅提供了 Vue 文件的语法高亮和智能感知，还能配合 Eslint 对 `.vue` 文件进行格式化。在 `settings.json` 中，可以设定 `vetur.format.defaultFormatter`，将不同语言的格式化器设置为 `...
vscode 使用Prettier插件格式化配置使用代码详解
10-14
安装完成后，插件默认会尝试根据项目中现有的配置文件（如.eslintrc，.prettierrc等）进行格式化，如果没有找到，就会使用内置的默认配置。 如果需要对Prettier进行详细配置，可以在项目根目录下创建一个....
详解如何在vue项目中使用eslint+prettier格式化代码
10-17
现在，每当保存Vue文件时，Prettier会自动格式化代码，而运行`npm run lint`则会自动修复一些可以通过ESLint解决的问题。如果项目遵循`standard`或`airbnb`等特定风格指南，你可能需要进一步调整配置，以确保`eslint...
详解VScode编辑器vue环境搭建所遇问题解决方案
10-17
1. 插件丰富：VSCode提供了海量的插件库，这些插件可以帮助开发者轻松实现代码高亮、格式化代码、代码检查等功能，极大地提升开发效率。 2. 跨平台性：VSCode支持Windows和macOS两大主流操作系统，这意味着无论...
VsCode配置Eslint+Prettier结合使用详细配置步骤，规范化开发
知之为知之，不知为不知
08-20 1万+
vsCode配置Eslint + Prettier结合使用详细配置步骤，规范化开发
vscode中配置eslint-一步到位
厚积薄发.
09-07 1万+
eslint是 基于代码校验的插件工具。3.把下面的eslint配置代码复制进去放到这里即可。这样就配置vscod中 的eslint插件了！2.点击这里打开setting.json。eslint是 基于代码校验的插件工具。
【ESLint】ESLint的安装配置及vscode插件
早睡早起长头发的博客
01-28 3932
ESLint是可组装的JavaScript和JSX检查工具。工作中常用，所以最好有所了解。ESLint - Pluggable JavaScript linter - ESLint中文ESLint// ESLint 插件的配置},
Eslint在Vscode中使用技巧的相关技巧
oschina_41559824的博客
02-27 2123
ps :该文章会详细记录构建一个脚手架遇到的问题，会持续更新，请定时查看。
vscode 安装 eslint 插件
猎人在吃肉
09-18 5677
vscode 安装 ESLint 插件
【Eslint】vscode 配置 eslint 教程
qq_45677671的博客
05-22 5980
vscode 配置 eslint 教程，包括.eslintrc.js 文件、.eslintignore文件、settings.json 文件等配置。
vue项目eslint格式化最全注释！拿走不谢
c1518589418的博客
12-11 5370
JavaScript语言因为其灵活，怎么写都不会错的特点深受开发人员喜爱，然而过于灵活也会导致一些难以排查的bug。好的代码风格能够帮我们解决这些问题（typeScript：没错，正是在下！）雾~~ 代码检查是一种静态的分析，常用于寻找有问题的模式或者代码，并且不依赖于具体的编码风格。eslint附有大量开箱即用的配置规则帮助我们检查代码，但每次需要翻阅长长的文档颇为麻烦，我根据网络把大部分能用...
vscode如何根据.eslintrc.js文件进行格式化
06-03
在 VS Code 中，可以使用以下步骤根据 .eslintrc.js 文件进行格式化： 1. 确保已安装 ESLint 插件。 2. 打开 VS Code 设置，搜索 "eslint"。 3. 找到 "Eslint: Options" 选项，并确保其设置为 "Use Eslint"。 4. 找到 "Editor: Format On Save" 选项，并将其设置为 "true"。 5. 在项目根目录中创建 .vscode/settings.json 文件。 6. 在 settings.json 文件中添加以下配置： ``` { "editor.codeActionsOnSave": { "source.fixAll.eslint": true } } ``` 7. 保存文件并重新启动 VS Code。 现在，每当你保存 .js 文件时，VS Code 将根据 .eslintrc.js 文件自动进行格式化。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值