vscode prettier 自动添加分号的问题

最新推荐文章于 2025-06-13 09:44:55 发布
最新推荐文章于 2025-06-13 09:44:55 发布
阅读量5.5k 收藏 1
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 随笔 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/actionActivity/article/details/106323568
本文介绍如何通过修改Prettier设置来调整代码格式化风格，包括使用单引号及禁用行尾分号，以符合个人或团队的代码规范。

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

使用 prettier  在格式化 js/jsx/ts/tsx 代码的时候会在行尾自动添加分号，还会把单引号自动变成双引号。对于我这种喜欢用单引号的就受不了了。

在 设置里添加如下代码即可解决问题。

"prettier.singleQuote": true,
"prettier.semi": false,

其实格式化成什么样子第一是根据公司的一个代码规范，第二是根据个人的一个代码风格。

【CSS】末尾分号与Prettier和ESLint的最佳实践
lph159的博客
12-30 1244
CSS 是网页开发中不可或缺的一部分，确保 CSS 代码的规范性和一致性对于项目的长期维护至关重要。Prettier 是一个代码格式化工具，可以自动调整代码格式，使其符合团队的约定。ESLint 是一个代码检查工具，通常用于 JavaScript 和 TypeScript，但通过扩展插件，也可以用于 CSS 或 SCSS 文件的校验。Prettier 和 ESLint 在部分规则上可能存在冲突，比如缩进和分号的使用。保存后，Prettier 会自动格式化 CSS 文件，确保每条属性声明都以分号结尾。
VScode中配置ESlint+Prettier详细步骤（图文详情）
驴大毛的博客
12-23 6796
本文通过图文详细演示了在VScode中如何在vue3项目里配置和使用ESlint+Prettier组合对代码进行规范化
prettier自动添加分号问题
Candy_672328094的博客
03-18 496
安装prettier插件后发现，写css时不会自动添加分号。在seeting里加上这行代码，实现自动添加分号。可能是为了照顾vue吧。
Eslint、Prettier、.vscode 配置
最新发布
weixin_44785498的博客
06-13 530
首先，三者关联及各自作用ESLintPrettier.vscodeESLint其次EslintPrettier的关联PrettierESLintPrettierESLint。
VSCode中编写Vue项目使用Prettier格式化文档时，会自动加上分号问题！
xiexie16888的博客
01-08 3370
近期在使用Vue写项目使用Prettier格式文档时发现格式过后会出现自动添加分号问题，这样一保存ESlint就会出现报错！ 在VSCode设置中搜索prettier更改其中的Semi 和Single Quote之后并不能生效。如下图： 如果遇到同样的问题可以尝试在项目的根目录下创建一个.prettierrc文件夹，在文件夹中添加这两个选项即可 { “semi”: false, “singleQu...
关于prettier解决自动格式化会多出分号逗号等问题的最终解决方法
热门推荐
简白的博客
08-20 1万+
  最近遇到了一个有关vscode使用prettier的格式化代码问题,当我保存时，自动格式化代码，但是总会加上多余的分号和逗号，并且<template></template>中结尾的>也会出错，在网上找了很多解决办法都没有解决掉。最终通过这一篇文档解决问题。原来是格式化规则代码在不同文件不同位置时优先级不同的问题。链接如下： prettier配置指南   具体说明如图所示。当我在项目的package.json文件中写入如下代码后，困扰我很久很久的自动格式化问题就完全解决掉了！
在项目中 ESLint 的配置让我们不使用分号，然后 prettier 这个格式化工具自动使用了分号，如何处理？
NancyFyn的博客
05-21 2668
在项目中配置 prettier 的配置文件 package.json 中配置 prettier 属性 .prettierrc 文件 .prettierrc.js 或者 .prettierrc.json 文件 .prettierrc.toml 文件 在 prettier 的配置文件中去做一些配置即可
使用vscode编辑器，eslint+vuetur+prettier 格式化，自动添加末尾分号的问题。
PaulusY的博客
08-30 7036
使用vscode编辑器，eslint+vuetur+prettier 格式化，自动添加末尾分号的问题。设置-用户设置新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章U...
vscode prettier设置末尾分号
01-15
具体来说，通过设置 `"semi": true` 来指示 Prettier 自动为语句添加分号[^4]。 对于全局性的 VSCode 设置，可以在 `settings.json` 文件内指定默认使用的代码格式化工具有关选项： ```json { "editor.formatOn...
vscode 使用Prettier插件格式化配置使用代码详解
10-14
ESLint是一种插件化的JavaScript代码检查工具，可以检测代码中的问题，通过配合Prettier，可以自动修复可格式化的问题。这需要在VSCode中安装eslint插件，并确保 eslint-config-prettier 和 eslint-plugin-prettier ...
VSCode中编写Vue项目使用Eslint+Prettier格式化，会自动加上分号 空格 单引号变双引号问题
Tiziano_的博客
02-29 5890
近期在使用Vue写项目使用Prettier格式文档时发现格式过后会自动加上分号 空格 单引号变双引号问题，这样一保存ESlint就会出现报错！ 网上找了好多教程各种改配置并不能解决问题！！！ 一.在VSCode设置中搜索prettier更改其中的Semi 和Single Quote之后也不能生效。如下图： 二.搜网上的更改setting.json配置还是不能解决问题 ![在这里插入图片描述](h...
vscode格式话后会自动转化双引号和加分号
qq_38868959的博客
12-08 1015
vscode格式话后会自动转化双引号和加分号
vscode prettierrc插件格式化添加分号
小陈的收藏
01-12 1431
prettierrc插件格式化添加分号
vue解决ESLint + prettier 双引号报错问题, 格式化函数结尾添加分号的问题, 报错函数括号前面应该有空格问题
一键写代码的博客
10-26 6615
解决双引号问题 解决格式化对象最后一项的末尾添加逗号问题 1、在项目根目录创建文件 .prettierrc { "printWidth": 800, "singleQuote": true, // 使用单引号 "semi": false, // 不使用分号 "trailingComma": "none" // 对象最后一项默认格式化会加逗号, 这里取消 } 解决函数括号和函数名之间必须要有空格的问题 2、在 .eslintrc.js 文件中（该文件是在vue-cli初始.
vue template 不换行配置
kiven_wolf的专栏
03-31 1386
打开vscode 打开setting，添加下面代码： "vetur.format.defaultFormatter.js": "vscode-typescript", "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatterOptions": { "js-beautify...
VScode保存代码时时在语句后自动加分号
javaScriptming的博客
08-29 4124
3.搜索vetur.format.defaultFormatterOptions，将"semi"值改为false。3.JavaScript>Format: Semicolon 改完remove（删除不必要的分号）。2.在命令面板中输入 "Preferences: Open User Settings"，然后按。2.在命令面板中输入 "Semicolon"，然后按。（Windows和Linux系统）或。（Windows和Linux系统）或。（MacOS系统）打开命令面板。（MacOS系统）打开命令面板。
2020-10-29
weixin_48597380的博客
10-29 1920
VSCODE 的代码格式化 一、安装以下几个 vscode 扩展程序： ESLint Prettier - Code formatter Vetur 二、打开 settings 文件 打开方式： 先按步骤打开 setting 界面，Code --> preferences -->setting（文件-->首选项-->设置-->右上角） 现在看到的是界面配置模式，点击右上角的红色区域按钮（如下图），可以打开settings.json文件。 三、将下面...
Prettier 如何处理代码格式化
你若盛开，清风自来
02-13 1062
Prettier 允许你自定义一些规则，以满足项目的需求。在这个示例中，我们为 JavaScript 文件设置了缩进宽度为 4 个空格。Prettier 通过一系列规则和选项来处理代码格式化，使得代码更加整洁和易读。通过配置 Prettier，开发者可以自定义 Prettier 的行为，满足项目的需求。希望本文对你有所帮助，如果你有任何问题或建议，欢迎在评论区留言讨论。
vscode笔记
EmotionComputer
12-20 1235
快捷打开vscode，在终端输入code . vim配置，在主界面左下角打开设置，再在右上角打开open Settings "vim.cursorStylePerMode": { "normal": "underline", "insert": "line", "replace": "block-outline" }, "vim.useSystemClipboard": true ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值