在项目中 ESLint 的配置让我们不使用分号，然后 prettier 这个格式化工具自动使用了分号，如何处理？

最新推荐文章于 2023-04-13 10:27:40 发布
最新推荐文章于 2023-04-13 10:27:40 发布
阅读量2.5k 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/NancyFyn/article/details/106259453
版权

在项目中配置 prettier 的配置文件

  1. package.json 中配置 prettier 属性
  2. .prettierrc 文件
  3. .prettierrc.js 或者 .prettierrc.json 文件
  4. .prettierrc.toml 文件

在 prettier 的配置文件中去做一些配置即可

F N Nancy
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
VSCode中编写Vue项目使用Eslint+Prettier格式化，会自动加上分号 空格 单引号变双引号问题
Tiziano_的博客
02-29 5436
近期在使用Vue写项目使用Prettier格式文档时发现格式过后会自动加上分号 空格 单引号变双引号问题，这样一保存ESlint就会出现报错！ 网上找了好多教程各种改配置并不能解决问题！！！ 一.在VSCode设置中搜索prettier更改其中的Semi 和Single Quote之后也不能生效。如下图： 二.搜网上的更改setting.json配置还是不能解决问题 ![在这里插入图片描述](h...
prettier自动添加分号问题
Candy_672328094的博客
03-18 275
安装prettier插件后发现，写css时不会自动添加分号。在seeting里加上这行代码，实现自动添加分号。可能是为了照顾vue吧。
VSCode中编写Vue项目使用Prettier格式化文档时，会自动加上分号问题！
xiexie16888的博客
01-08 3221
近期在使用Vue写项目使用Prettier格式文档时发现格式过后会出现自动添加分号问题，这样一保存ESlint就会出现报错！ 在VSCode设置中搜索prettier更改其中的Semi 和Single Quote之后并不能生效。如下图： 如果遇到同样的问题可以尝试在项目的根目录下创建一个.prettierrc文件夹，在文件夹中添加这两个选项即可 { “semi”: false, “singleQu...
vscode prettier 自动添加分号的问题
小赛赛爱吃肉
05-24 5191
使用 prettier 在格式化 js/jsx/ts/tsx代码的时候会在行尾自动添加分号，还会把单引号自动变成双引号。对于我这种喜欢用单引号的就受不了了。 在 设置里添加如下代码即可解决问题。 "prettier.singleQuote": true, "prettier.semi": false, 其实格式化成什么样子第一是根据公司的一个代码规范，第二是根据个人的一个代码风格。 ...
关于Vscode解决自动格式化prettier会多出分号逗号等问题的解决办法
ik0725的博客
01-17 1256
解决vocode保存代码时 出现分号等问题 配合Eslint校验使用
使用vscode编辑器，eslint+vuetur+prettier 格式化，自动添加末尾分号的问题。
PaulusY的博客
08-30 6972
使用vscode编辑器，eslint+vuetur+prettier 格式化，自动添加末尾分号的问题。设置-用户设置新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章U...
vscode 配置vue+vetur+eslint+prettier自动格式化功能
10-15
在本文中，我们将详细介绍如何配置 VSCode 以实现 Vue 项目的自动格式化功能，利用 Vetur、ESLint 和 Prettier 进行协同工作。 首先，Vetur 是一个专门为 Vue.js 设计的 VSCode 扩展。它提供了诸如语法高亮、智能...
prettier自动格式化去换行的实现代码
10-14
此外，如果你在项目中使用了Stylus，你可能需要安装并配置`Manta's Stylus Supremacy`插件，以适应Prettier的格式化风格。具体配置可以参照文中的示例。 最后，为了确保所有依赖项正确安装，你的`package.json`文件...
实例详解Vue项目使用eslint + prettier规范代码风格
12-03
`eslint` 和 `prettier` 是两种广泛使用的工具，分别专注于代码质量和风格的检查与格式化。 `eslint` 是一个强大的静态代码分析工具，它允许自定义规则以检查代码中的潜在错误和不符合特定编码规范的地方。`eslint`...
vue+ESLint 配置保存 自动格式化代码
11-21
为了实现这一目标，我们可以结合Vue、ESLint和Prettier来配置项目，使得每次保存文件时自动格式化代码。下面将详细介绍如何进行这样的配置。 首先，我们需要在项目根目录下创建或编辑`.eslintrc.js`文件，添加...
vue项目中使用eslint+prettier规范与检查代码的方法
11-21
总结来说，Vue项目中使用ESLint+Prettier能有效提升代码质量，通过统一编码规范和自动格式化，减少手动检查的工作量，提高团队合作的效率。正确配置和使用这两个工具，对于任何 Vue 开发团队都是至关重要的。
启用 ESLint 后 解决格式化文档自动添加分号和双引号问题
一个前端开发者
07-21 2199
启用 ESLint 后 解决格式化文档出现的问题 一、格式化文档时：解决自动添加分号和双引号问题 二、配置 eslint 不检查函数方法名和括号之间的空格，因为这个空格确实不是个错误，关闭该项检查
prettier 配置规则
weixin_63589620的博客
04-13 845
首先创建一个.prettier.js 文件。设置(ctrl+,)
关于prettier解决自动格式化会多出分号逗号等问题的最终解决方法
热门推荐
简白的博客
08-20 1万+
  最近遇到了一个有关vscode使用prettier的格式化代码问题,当我保存时，自动格式化代码，但是总会加上多余的分号和逗号，并且<template></template>中结尾的>也会出错，在网上找了很多解决办法都没有解决掉。最终通过这一篇文档解决问题。原来是格式化规则代码在不同文件不同位置时优先级不同的问题。链接如下： prettier配置指南   具体说明如图所示。当我在项目的package.json文件中写入如下代码后，困扰我很久很久的自动格式化问题就完全解决掉了！
Eslint 规则说明
05-18 921
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...
VScode配置eslint保存自动格式化，eslint格式化去掉分号和双引号。vscode自动保存去掉分号和双引号；““
i_am_a_div的博客
03-15 1万+
1.必须安装的三个插件eslint， prettier-Code formatter ，vetur 2.配置setting.json 3.直接将下方代码复制，黏贴在setting.json文件中 { "editor.quickSuggestions": { "strings": true }, "window.zoomLevel": 1, "[javascript]": { "editor.defaultFormatter": "vscode.typescript-
eslint自动改单引号，最后加逗号，加分号，自动换行问题
a20001999的博客
12-12 3581
eslint自动改单引号，最后加逗号，加分号问题
解决 ESLint 和 Prettier 冲突问题
Leo_zjk的博客
11-02 1万+
一、首先明确两者的联系及区别 1、联系： 两者都是用来帮助开发者规范代码风格的工具。 2、区别： ESLint：只能作用于js代码及文件，html、css、json、vue代码及文件的相关格式处理不了； Prettier：全部代码都可以自定义格式化。 二、冲突原因及机制 1、原因 由两者的区别可以看到，ESLint和Prettier都可以作用于js代码及文件，由于两个插件默认配置存在差异，所以在公共域必然也就...
vscode 格式化代码
a913396的博客
10-15 1176
1 打开json,点击设置 2 设置界面，打开json 3 粘贴如下： { //不显示的文件 "files.exclude":{ "**/.babelrc":true, "**/.gitignore":true, "**/.travis.yml":true, "**/favicon.ico":true }, //vscode默认启用了根据文件类型自动设置tabsize的选项 ...
vue3使用prettier格式化 xml
最新发布
05-25
Vue 3使用Prettier格式化XML的步骤如下： 1. 首先，你需要在项目中安装`prettier`和`prettier-plugin-vue`这两个依赖项。你可以通过运行以下命令进行安装： ``` npm install --save-dev prettier prettier-plugin-vue ``` 2. 安装完成后，你可以在项目的根目录下创建一个`.prettierrc.js`文件，并在其中添加以下代码： ```javascript module.exports = { plugins: ['prettier-plugin-vue'], printWidth: 120, singleQuote: true, semi: false, trailingComma: 'none', arrowParens: 'avoid', vueIndentScriptAndStyle: true, }; ``` 上面的配置中，`plugins`指定了使用`prettier-plugin-vue`插件来格式化Vue模板，`printWidth`指定了每行代码的最大宽度，`singleQuote`指定了是否使用单引号，`semi`指定了是否添加分号，`trailingComma`指定了是否添加末尾逗号，`arrowParens`指定了箭头函数的参数是否要加括号，`vueIndentScriptAndStyle`指定了是否将Vue组件中的`<script>`和`<style>`块缩进。 3. 最后，在你的编辑器中安装Prettier插件，并配置保存时自动格式化代码即可。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值