vscode插件prettier代码缩进设置为4个空格

已于 2023-11-16 10:21:29 修改
阅读量2.4k 收藏
点赞数 3
文章标签： vscode ide 编辑器
于 2023-11-16 10:16:20 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_73480308/article/details/134435551
版权

缩进默认为2个空格，想要改成4个空格。

不需要在根目录下新建配置文件，直接在插件栏里找到prettier点击设置，选extension setting

然后找到Tab Width，将2改为4

m0_73480308
关注
VSCode与Prettier代码格式化工具的使用
彭世瑜的博客
07-16 2142
Prettier同时可以在浏览器中使用。格式化代码文件输出到命令行。也可以使用目录中的配置文件。格式化文件并覆盖现有文件。VS Code中安装插件。
vscode 设置缩进为4_python测试开发利器vs code，配置指南，自动化班同学必看
weixin_36089077的博客
01-02 990
想法太多，顾虑太多，让自己无法前进。仔细想想，是自己困住了自己，是自己给自己戴上了枷锁！改变，永远不嫌晚。小强Python全栈自动化测试开发2021年班招生，限时5000元优惠进行中，6大优惠进行中，多种优惠可叠加享受。倚天剑、屠龙刀，大家估计都不陌生，一把好利器对于武者来说还是很重要的。同样，对于python的开发测试，有一款好用的工具必然会事半功倍。虽然有pycharm，但真的太庞大...
VS Code .vue文件代码缩进以及格式化代码
热门推荐
The glory behind always be alone with.
12-14 6万+
首先在应用商店中搜索“Vetur”插件安装，然后进行下面操作： 文件->首选项->设置，然后在右边编辑框输入以下设置： { "prettier.tabWidth": 4, "vetur.format.defaultFormatter.html": "prettier" } 然后通过快捷键 Alt+Shift+F 进行格式化 ☆☆☆可能遇到的问题☆☆☆ 经
prettier插件 设置tab制表符为4个空格
qq_17627195的博客
02-28 1897
VSCode设置了tabsize是4，eslint也设置了tab缩进为四格，但是JS文件格式化后，缩进还是两格，解决方法
vscode 设置代码格式化缩进为4个空格
文兜兜的博客
03-04 3356
vscode配置代码格式化缩进为4个空格。
VSCode设置Tab键缩进4个空格
huakehenbang的博客
08-08 1208
VSCode设置Tab键缩进4个空格
解决VS Code使用prettier格式化插件，设置缩进为4个空格无效的问题
z17864151193的博客
11-10 2908
乎就使用了 prettier 这个一个格式化文件的插件，设置格式化之后文件的缩进还是2个空格
【JavaScript源代码】vscode使用Prettier Code插件的详细教程.docx
12-30
- `tabWidth`: 设置每个缩进的空格数，默认为2。 - `useTabs`: 是否使用制表符缩进，这里设置为false，表示使用空格缩进。 - `semi`: 是否在语句末尾添加分号，默认为true，表示需要分号。 - `singleQuote`: 是否...
prettier - vscode 保存代码自动格式化插件安装与配置项备注
_
04-02 4631
目录 prettier - vscode 保存代码自动格式化插件 配置保存文件时自动格式化 配置保存时HTML标签不自动换行（2020.12.03 13:58 再更新） 我的改动 关于配置项 项目代码格式化 部分 prettier 配置及注释 部分 eslint 配置及注释 vetur 插件配置截图（针对 .vue 文件） prettier - vscode 保存代码自动格式化插件 安装自行百度，只需要在 vscode 插件里搜索 prettier，
vsCode配置Eslint+Prettier结合使用详细配置步骤，规范化开发
最新发布
江湖行骗老中医
12-02 1473
Eslint附带了大量的校验规则，这些规则的值分别有如下规律：off | 0 :表示关闭规则。warn | 1 :表示将该规则转换为警告。error | 2 :表示将该规则转换为错// "semi": [2, "always"],//语句强制分号结尾// "quotes": [2, "double"],//引号类型 ""//"no-alert": 0,//禁止使用alert//"no-console": 2,//禁止使用console。
prettier自动格式化去换行的实现代码
10-14
"editor.tabSize": 2, // 设定缩进为2个空格 "editor.formatOnSave": true, // 保存时自动格式化 "eslint.validate": [ "javascript", "javascriptreact", { "language": "vue", "autoFix": true } ], ...
【VS Code】缩进为2个空格的文件改为4个空格
lasgalen
04-10 2041
setting中修改detectindentation可以设置Tab对应的空格数，新版VS Code默认为4。对于缩进为2个空格的文件，采取以下步骤可修改为4个空格。打开输入框后，输入：convert indentation to spaces。，实测两步可以完成修改，原文中后面多一步。VS Code版本：1.85.2。
vscode 代码缩进为4个空格
猎人在吃肉
08-30 8337
导致打开的时候 vscode 会自动检查代码的空格风格，认为是2个空格，导致我们设置的4个空格的缩进失效。vscode 的 tab 缩进设置为4个空格，但是格式化代码仍然是两个空格。vscode 的设置中。
Vscode编辑器中 Python TAB缩进设置4个空格的方法
hello world
03-06 8999
问题 Vscode升级后，打开python文件默认tab键会缩进6个空格位置，尽管文件-首选项-设置中已经修改tab-size为4. 修复 在vscode底部可以看到Spaces:6 点击它 选择indent using spaces后，再选择4 但是这种方法只是临时性的，需要永久生效可以： 文件 ——> 首选项 因为vscode默认启用了根据文件类型自动设置tabsize的选项，在设置中搜索detectIndentation，取消勾选。 结束 再次在python代码
VsCode设置缩进为4个空格
qq_32539403的博客
10-20 2043
打开设置》扩展》Beautify config》settings.json，在文件中添加 { "workbench.colorTheme": "Default Light+", "beautify.language": { "js": { "type": [ "javascript", "json" ], "filename": [
vscode强制代码缩进为4个空格
qq_42731705的博客
07-09 4302
参考：VSCode学习【4】：vscode 设置代码格式化的缩进为4个空格注意有的时候设置了是4个空格，但是格式化代码仍然是两个空格。原因是代码在之前的电脑上被格式化过，之前的电脑设置的是两个空格。而现在使用自己的电脑虽然设置的是4个空格， 但是在vscode的设置中没有去掉，导致打开的时候vscode会自动检查代码的空格风格，认为是2个空格，导致我们设置的4个空格的缩进失效。...
vscode 设置缩进为4_VS Code 设置缩进为4个空格
weixin_39609170的博客
12-20 1578
VS Code默认缩进为2两个空格，修改为4个空格的方法。一、首选项->设置，设置"editor.detectIndentation": false二、ctrl+shift+x 打开插件下载页面，搜索beautify插件下载三、在用户配置中，配置beautify(用户配置打开方式见步骤一){"beautify.language": {"js": {"type": ["javascript",...
vscode编辑html首行缩进
09-08
Visual Studio Code (VSCode)是一款非常流行的轻量级代码编辑器，它支持多种语言，并且可以根据用户的设置自定义格式化选项。对于HTML文件，你可以通过配置`Prettier`或`HTML Tidy`等插件来管理首行缩进。 首先，确保已经安装了`Prettier for HTML`或者其他的HTML格式化插件。如果你还没有安装，可以在VSCode的命令面板(`Ctrl + Shift + P` 或 `Cmd + Shift + P`）中搜索并安装它。 然后，你需要创建或编辑`.prettierrc`或者`.prettierconfig.js`这样的配置文件（通常放在项目根目录下），在这个文件中可以设置HTML的缩进规则。例如，你可能会看到类似这样的配置： ```json { "tabWidth": 4, "printWidth": 80, "trailingComma": "es5", "singleQuote": true, "bracketSpacing": true, "jsxBracketSameLine": false, "parser": "html" } ``` 在这个例子中，"tabWidth" 设置了每个级别的缩进为四个空格。如果你更喜欢使用制表符而不是空格，只需要将 "tabWidth" 的值改为 1 即可。 完成上述步骤后，保存HTML文件时，VSCode会按照你设置的规则自动调整首行缩进。如果需要实时预览格式效果，可以试试`Prettier: Format Document`或`HTML Tidy: Format`这两个快捷键。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值