vue项目eslint 格式化分号，单引号

已于 2022-08-17 16:19:01 修改
阅读量3.1k 收藏 2
点赞数 4
分类专栏： 笔记 文章标签： vue.js javascript 前端
于 2020-12-09 20:44:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/lyx1838102537/article/details/110940275
版权
本文介绍如何在项目根目录下配置Prettier代码格式化工具，并通过修改.eslintrc.js文件来禁用部分ESLint语法检查，实现代码风格的一致性和减少不必要的警告。

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

项目根目录添加.prettierrc文件
｛
“semi”: false,
“singleQuote”: true
｝

关闭部分eslint语法检验
.eslintrc.js文件
rules对象 ：0（代表禁用）

重启项目，重新编译

vue项目eslint格式化最全注释！拿走不谢
c1518589418的博客
12-11 5536
JavaScript语言因为其灵活，怎么写都不会错的特点深受开发人员喜爱，然而过于灵活也会导致一些难以排查的bug。好的代码风格能够帮我们解决这些问题（typeScript：没错，正是在下！）雾~~ 代码检查是一种静态的分析，常用于寻找有问题的模式或者代码，并且不依赖于具体的编码风格。eslint附有大量开箱即用的配置规则帮助我们检查代码，但每次需要翻阅长长的文档颇为麻烦，我根据网络把大部分能用...
VSCode中编写Vue项目使用Eslint+Prettier格式化，会自动加上分号 空格 单引号变双引号问题
Tiziano_的博客
02-29 5859
近期在使用Vue写项目使用Prettier格式文档时发现格式过后会自动加上分号 空格 单引号变双引号问题，这样一保存ESlint就会出现报错！ 网上找了好多教程各种改配置并不能解决问题！！！ 一.在VSCode设置中搜索prettier更改其中的Semi 和Single Quote之后也不能生效。如下图： 二.搜网上的更改setting.json配置还是不能解决问题 ![在这里插入图片描述](h...
vue代码格式化，vetur的代码格式化设置,保存时（ctrl+s）格式化代码，不加；和将 ‘ (单引号) ,改为 “ (双引号)
最新发布
2302_77492264的博客
06-24 2454
在Vue开发中，代码格式化是提高代码可读性和可维护性的重要环节。使用合适的代码格式化工具，可以确保团队中的每位成员都遵循统一的代码风格，减少不必要的风格冲突。其中，Vetur是一个为Vue提供丰富开发体验的VSCode插件，它内置了代码格式化功能，使得Vue代码的格式化变得简单易行。
当Vue遇到Eslint语法规范强制使用单引号爆红怎么办？（已解决）
数据库爆破专家的博客
07-15 3394
如果遇到图中的这种情况 使用 npm run lint --fix 命令即可修复
Vue中使用eslint
DreamFJ的博客
10-26 444
使用单引号，然后不用分号 1、.eslintrc.js module.exports = { root: true, parserOptions: { parser: 'babel-eslint' }, env: { browser: true, }, extends: [ 'plugin:vue/essential', 'standard' ], ...
eslint校验 自动格式化（let、var自动格式化const，双引号自动格式化单引号，及自动去掉末尾逗号，分号）
^_^
09-01 2651
{ "liveServer.settings.donotShowInfoMsg": true, "editor.fontSize": 18, "editor.fontFamily": "Consolas, 'Courier New', monospace", "emmet.variables": { "lang": "zh-CN" }, // #值设置为true时，每次保存的时候自动格式化；值设置为false时，代码格式化请按shift+alt+F "editor.fo.
关于Vue项目eslint格式问题，以及保存自动格式化分号和单引号函数名和括号中间的空格问题
weixin_42201272的博客
02-23 4666
1.下载插件 步骤一： 点击右下角齿轮图标->扩展->搜索框中搜索下面三个插件 1、Vetur 2、Prettier-Code form formatter 3、ESLint 步骤二： 找到vscode的菜单栏 文件->首选项->设置(或者直接ctrl+,)->点击右上角json设置添加内容 { “vetur.format.defaultFormatter.html”...
解决vscode进行vue格式化,会自动补分号和双引号的问题
01-18
安装完 vetur 后确实是可以对 vue文件进行高亮显示了，但是当你按下 shift+alt+f 进行格式化时，发现本来没有错误的代码却变成了一堆错误，莫名加上了分号，单引号也成功变成双引号了。在vue的严格检查中这些是最烦...
vue+ESLint 配置保存 自动格式化代码
10-15
在Vue.js项目中结合ESLint进行代码规范校验和格式化，可以大大提升项目的可维护性和代码质量。 在ESLint的配置文件.eslintrc.js中，我们首先需要添加prettier插件的规则，它可以帮助我们校验代码风格。在.eslintrc....
解决eslint单引号、双引号、分号、空格、标签的报错警告问题
qq_37831545的博客
10-12 3548
自动将‘单引号’改为“双引号”，自动给末尾添加逗号，自动给每一项 结尾添加逗号，导致eslint报警告。 使用ESlint警告：Require self-closing on Vue.js custom components (＜el-table-column＞)报错解决
一次性解决eslint单引号、双引号、分号、空格的报错警告问题
m0_56991207的博客
06-08 2万+
eslint总是自动将‘单引号’改为“双引号”，自动给末尾添加逗号，自动给每一项 结尾添加逗号，导致警告或报错，只需要一步解决：尤其‘末尾禁止添加逗号’这个很重要，找了好久~~~
eslint配置
rljzp123的博客
07-22 878
记录一下，免得每次都还要网上到处找 { "rules" : {   // 定义对象的set存取器属性时，强制定义get   "accessor-pairs": 2,   // 指定数组的元素之间要以空格隔开(,后面)， never参数：[ 之前和 ] 之后不能带空格，always参数：[ 之前和 ] 之后必须带空格   "array-bracket-spacing": [2, "never"],...
Vue项目中代码规范（Prettier + ESLint）
東三城的博客
08-30 3277
Prettier用于统一代码格式，它主要关注代码外观，例如缩进、换行、引号等； ESLint用于代码质量和规范，它主要可以检查代码错误，不良习惯和潜在问题
关于Eslint语法检查
code_dream_wq的博客
11-30 5918
有属性的规则可以使用属性；例如：“semi”: [“开启/关闭”, “属性”]semi规则有两个属性，always（默认，要求在语句末尾使用分号）,never（禁止在语句末使用分号）“semi”:[“error”, “always”] //语句末没有分号就报错"quotes":["error","double"],//quotes：该规则强制使用一致的反勾号、双引号或单引号，airbnb中定义的是单引号，在此我们自定义一个双引号的规则来覆盖这个继承的规则.
eslint自动改单引号，最后加逗号，加分号，自动换行问题
a20001999的博客
12-12 4088
eslint自动改单引号，最后加逗号，加分号问题
ESLint配置：eslint默认及自定义规则介绍
热门推荐
mrzhangdulin的博客
09-02 2万+
ESLint 配置 一、eslint 安装 1、全局安装 npm i -g eslint 全局安装的好处是，在任何项目我们都可以使用eslint的全局命令进行代码规则操作，但是这对我们的意义并不大，后续会详细介绍； 全局安装之后，要求相关的eslint插件页必须全局安装，这对多人开发项目来说会比项目安装更加繁琐。所以，我们这里采用在项目上安装eslint： 2、项目安装 npm i -D esli...
Eslint 规则说明
05-18 1092
1 "no-alert": 0,//禁止使用alert confirm prompt 2 "no-array-constructor": 2,//禁止使用数组构造器 3 "no-bitwise": 0,//禁止使用按位运算符 4 "no-caller": 1,//禁止使用arguments.caller或arguments.callee 5 "no-cat...
vue cli 配置 eslint 和 perttier 引号规则冲突问题
好巧的博客
11-12 2544
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。启动项目，改为单引号之后，eslint编译通过，prettier不通过，prettier提示改为双引号，改为双引号之后，eslint编译不通过。需要注意的是，关于eslint的配置改动之后，都需要重新启动，不然配置不生效。如果本篇文章对你有帮助的话，很高兴能够帮助上你。.eslint.js 文件开启强制单引号。重新启动之后，prettier编译通过了。
vscode Vue项目 ESlint 风格格式化配置
Qanx的博客
03-03 1762
vscode Vue项目 ESlint 风格格式化配置
VSCode配置Vue+Vetur+ESLint+Prettier自动化格式化详解
接下来，在项目的根目录下创建一个.prettierrc文件，这是prettier的配置文件，用于自定义代码格式，如使用单引号替换双引号、禁用末尾分号、添加对象属性间的空格以及优化HTML闭合标签的格式。例如： ```json { ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值