vscode的prettier自动格式化 去掉自动换行

最新推荐文章于 2025-04-23 09:29:08 发布
最新推荐文章于 2025-04-23 09:29:08 发布
阅读量1.3w 收藏 27
点赞数 27
文章标签： vscode 格式化 去掉标签属性自动换行 prettier
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_30330633/article/details/121052114
版权

首先，在应用商店中找到已经安装的Prettier 插件，然后右击——扩展设置

接着，会进入插件的 设置界面，一直往下滑,改为我这样
在这里插入图片描述
未修改之前
在这里插入图片描述
修改之后
在这里插入图片描述

prettier - vscode 保存代码自动格式化插件安装与配置项备注
_
04-02 4740
目录 prettier - vscode 保存代码自动格式化插件 配置保存文件时自动格式化 配置保存时HTML标签不自动换行（2020.12.03 13:58 再更新） 我的改动 关于配置项 项目代码格式化 部分 prettier 配置及注释 部分 eslint 配置及注释 vetur 插件配置截图（针对 .vue 文件） prettier - vscode 保存代码自动格式化插件 安装自行百度，只需要在 vscode 插件里搜索 prettier，
VScode格式化时设置html不换行
qq_38768545的博客
05-09 2849
VScode格式化时设置.html文件 不换行 前提：Ctrl+Shift+P 输入settings 打开setting.json文件 采用VSCode原生的格式化 HTML文件 "editor.defaultFormatter": "vscode.html-language-features" 注意：如果用 prettier格式化时 ，会导致二级三级标签前面自动补一个Tab键（比如head标签前会自动tab），这个格式实在不符合我的审美。。。 （PS： prettier从入门到卸载hhhhhh，目
vscode格式化Prettier 配置（解决自动换行问题）
何浩翔的博客
05-12 1万+
根据网上参考的大多配置，基本没用！ 最长说的就是在prettier里面设置Prettier Path的值。如果你直接在vscode里面编辑设置的话 无论是json写进去，还是设置里面填写进去，都没用！ 我不确定这是不是bug 最终解决方案 直接在项目根目录创建 .prettierrc 文件 我感觉吧，只有在配置文件里面写参数才有用。其他的都扯蛋！ 然后填写内容如下: { "printWidth": 200, "eslintIntegration": true, "stylelintI
prettier自动格式化去换行
luoluogh的博客
07-14 1万+
自用 { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存的时候自动格式化 "editor.formatOnSave": true, // // 添加 vue 支持 "eslint.validate": [ "javascript", "javascriptreact", {
【VSCode】VS Code自动换行设置方法
最新发布
姜太小白的博客
04-23 3574
VS Code自动换行设置方法
vscode编辑器设置，禁止prettier自动格式化代码，不喜勿喷
热门推荐
瑞朋哥的博客
03-11 2万+
{ "gitlens.advanced.messages": { "suppressCommitHasNoPreviousCommitWarning": false, "suppressCommitNotFoundWarning": false, "suppressFileNotUnderSourceControlWarning": false, "suppr...
prettier自动格式化去换行的实现代码
01-21
插件 新建 .prettierrc 文件在根目录，里面写上这个 第一个是超出800字符换行，第二个是单引号，第三个是结尾不要分号 vscode里面的设置文件settings。json代码 { // vscode默认启用了根据文件类型自动设置tabsize的选项 editor.detectIndentation: false, // 重新设定tabsize editor.tabSize: 2, // #每次保存的时候自动格式化 editor.formatOnSave: true, // // 添加 vue 支持 eslint.validate: [
解决VScode保存，标签属性自动换行问题
qq_44280090的博客
02-15 1万+
每次保存文件时，VScode会自动格式化文档，但是标签中的属性都会被强制换行，对于强迫症的我来说，神烦，尝试了N种方法后，终于知道了最完美的解决办法，可以愉快地Ctrl+s啦~
Js 中prettier自动格式化 去掉自动换行
qq_57592670的博客
04-30 1万+
首先，在应用商店中找到已经安装的Prettier 插件，然后右击——扩展设置 接着，会进入插件的 设置界面，一直往下滑 会看到红色框中的中设置，默认是未勾选，最佳长度是80. 上面是我的设置，将复选框勾选，每行代码的最佳长度设置为800. （可以自行设置） 未修改之前 修改之后 ...
Vscode中代码格式化时如何不换行？
qq_45791799的博客
07-14 5155
问题： 大家是否也遇到过这样的问题，用vscode编辑器格式化代码时，会出现以下这种代码换行的问题，看起来代码堆积，开发体验非常不好。 如何解决： 1.打开Vscode,点击文件 —》首选项 —》设置—》搜索vetur —》 在setting.json中编辑—》输入以下代码（注意是json形式的，如果setting.json中为空，要自己在最外层加一个{}） "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.f
vscode格式化代码禁止自动换行
Ashes of time
03-28 3225
prettier.printWidth”:120, //指定换行的长度，指定合适的值就不会很短就换行。打开 文件 - 首选项 - 设置，然后点击右上角的图标。网上找的方法配置全是错的，不知道从哪里复制的过时版本，不知道什么时候这个也是过时的版本。链接：https://www.jianshu.com/p/0e79e5a3176e。代码格式化的功能由插件提供，比如veture，默认的配置超过很短的长度就回换行。这个配置参数格式化后很难看，需要自己去调整合适的参数，但至少不乱换行了。安装好后在配置文件中写。
配置Prettier与VSCode实现自动格式化代码
本文主要介绍了如何使用Prettier插件实现自动格式化代码，并去除不必要的换行。在项目根目录创建`.prettierrc`配置文件，设置代码风格，包括超过特定长度的行自动换行、使用单引号以及不使用行尾分号。同时，配置...
prettier配置详解：自动格式化与换行处理
"这篇文章除了介绍prettier自动...总结来说，这篇文章提供了一个关于如何利用Prettier去除换行并实现代码自动格式化的详细指南，同时结合VSCode的配置和ESLint的集成，为前端开发者提供了一套完整的代码风格管理方案。
vscode格式化时属性不换行
qq_40890601的博客
02-22 2666
"vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wrap_line_length": 240, "wrap_attributes": "auto", "end_with_newline": false }, "prettyhtml": { "printWidth": 100, "singleQuote": false,..
vscode格式化代码设置不换行
zhouchenxin的博客
07-26 3020
最近VScode保存之后代码就会自动换行，网上找了很多办法都不可行
[vs code] 代码格式化与插件(防止代码标签换行)
qq_34450741的博客
10-20 1532
一、首选项 - 设置 - settings.json { // 使用单引号替代双引号 "prettier.singleQuote": true, // 这个按用户自身习惯选择 "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wrap_line_length": 120,
关于vscode中使用插件prettier，html文件代码各种乱换行的问题
qq_42968232的博客
03-06 1万+
关于vscode中使用插件prettier，html文件代码各种乱换行的问题 一开始搞不明白真的头大，找了一晚上都不好使，看着一行代码换了4,5行真的要崩溃了，但最后终于找到问题所在了，网上的文章感觉都是一个抄一个，基本解决方案都是这张图 但这个设置其实是在设置vue项目中template里的html代码样式，自己创建的html文件里根本不好使，而真正设置的地方就是直接在setting.json里设置，如下 "[html]": { "editor.defaultFormatter": "esb
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值