idea perttier的使用和缩进改为4不成功的问题

最新推荐文章于 2024-01-16 22:34:32 发布
最新推荐文章于 2024-01-16 22:34:32 发布
阅读量1.4k 收藏
点赞数 1
分类专栏： 解决问题 文章标签： intellij-idea vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Re_Zheng/article/details/121343899
版权
本文介绍了在IntelliJ IDEA中安装和配置Prettier插件，特别是在Vue项目中设置`.prettierrc`文件以调整缩进为4个空格的过程。然而，遇到问题时，发现缩进并未改变，原因是`.editorconfig`文件的配置影响了缩进设置，因此需要在该文件中同步调整缩进参数。
摘要由CSDN通过智能技术生成

环境配置

在idea的插件中进行下载 下载完之后重启

请添加图片描述

配置prettier包的位置

请添加图片描述

在vue中进行配置

请添加图片描述

  1. 在项目的根目录下创建 .prettierrc 文件

  2. 在文件中进行格式的配置

    • tabWidth ： 缩进的大小
    • useTabs ： 是否使用tab作为缩进
    • semi ： 是否使用分号
    • singleQuote ：字符串是否使用单引号
    {
     
  "tabWidth": 4,
  "useTabs"
最低0.47元/天 解锁文章
ToYever_Guo
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
idea perttier的使用和缩进不成功的解决方案
11-15
idea perttier的使用和缩进不成功的解决方案
解决IDEA中编辑HTML格式文件不自动缩进问题
10-15
这篇文章主要讲述了如何在IntelliJ IDEA中解决HTML格式化不自动缩进的问题。 当使用IntelliJ IDEA编辑HTML文件时，IDE默认的行为是不在HTML中的、等标签内自动进行缩进处理。这就意味着，当HTML文档被格式化之后，...
解决VS Code使用prettier格式化插件，设置缩进为4个空格无效的问题
z17864151193的博客
11-10 2625
乎就使用了 prettier 这个一个格式化文件的插件，设置格式化之后文件的缩进还是2个空格
vue文件缩进改为4个空格/字符
也简的博客
02-24 848
vue文件缩进改为4个空格，vue文件缩进，vue文件缩进4个字符
vscode插件prettier格式化无效的问题
qq_44472859的博客
07-15 3311
选择prettier格式化代码,但是什么也没有发生. 尝试在settings.json中配置prettier,无效. 尝试在eslint配置中修改prettier格式化选项.无效. 在项目文件夹中新建.prettierrc文件写prettier配置项,有效 { "tabWidth": 4, "printWidth": 140, "useTabs": true, "semi": false, //句尾加分号 "s.
idea中配置prettier
qq_44888570的博客
11-26 4775
1.全局安装prettier npm i prettier -g 如果是mac系统，安装全局插件时需要sudo权限，在最前面加上即可。 2. idea安装 ctrl+，打开首选项，找到Plugins，选中Marketplace，搜索prettier，点击install，重启idea即可。 如果想要修改快捷键,找到 首选项 >Keymap>Plug-ins>prettier，右键添加快捷键即可。 ...
解决idea使用maven编译正常但是运行项目时却提示很多jar包找不到的问题
08-18
使用IDEA和Maven可以方便地进行项目开发和管理 HOWEVER，有时在使用IDEA和Maven进行项目编译和运行时，却会出现一些问题，本文将详细介绍解决IDEA使用Maven编译正常但是运行项目时却提示很多jar包找不到的问题。...
IDEA的下载和使用安装详细图文教程
08-18
IDEA下载和使用安装详细图文教程 本文详细介绍了IDEA的下载和使用安装过程，涵盖了从下载IDEA到安装、启动应用、简单配置、创建Java工程等方面。以下是相关知识点的总结： 一、IDEA下载和安装 * IDEA下载地址：...
idea中database不显示问题的解决
08-18
在IntelliJ IDEA（简称IDEA）这款强大的Java开发环境中，有时用户可能会遇到数据库（Database）面板不显示的问题。这可能会阻碍开发人员进行数据库相关的操作，例如查询、修改数据或管理数据库连接。本文将深入探讨...
prettier设置内容
可以叫我啪叽的石头
11-19 1261
module.exports = { // 使用 2 个空格缩进 tabWidth: 2, // 不使用缩进符，而使用空格 useTabs: false, // 行尾需要有分号 semi: true, // 使用单引号 singleQuote: true, // 对象的 key 仅在必要时用引号 quoteProps: 'as-needed', // jsx 不使用单引号，而使用双引号 jsxSingleQuote: false, // 末尾不需要逗号
配置prettier
热门推荐
a1071626267的博客
10-26 1万+
配置prettier
vscode插件prettier代码缩进设置为4个空格
m0_73480308的博客
11-16 1645
不需要在根目录下新建配置文件，直接在插件栏里找到prettier点击设置。缩进默认为2个空格，想要改成4个空格。然后找到Tab Width，将2改为4。
关于配置prettier的局部配置
mizzzzz的博客
01-16 493
一些关于prettierrc的代码团队规范
Prettier在idea不生效
qq_35155668的博客
07-21 1673
Prettier在idea不生效
在IDEA中配置eslint和prettier
VAMPIRE_F的博客
09-07 4654
在IDEA中配置ESlint和prettier
一分钟带你快速了解Prettier+配置指南
tangdou369098655的博客
09-16 5902
prettier是一个代码格式化工具，它可以支持JS/JSX/TS/Flow/JSON/CSS/LESS等文件格式。
.Prettierrc文件的设置
weixin_33768481的博客
02-09 4319
因为用到了Prettier所以在设置的时候看文档发现全是英文索性就翻译了下希望大家能用到。 Prettier Option .Prettierrc Cli是在终端使用， Api是在.Prettierrc中设置使用 printWidth 打印宽度指定打印将换行的行长。 Default Cli Override Api Override 80 --print-width printW...
prettier插件 设置tab制表符为4个空格
qq_17627195的博客
02-28 1648
VSCode设置了tabsize是4，eslint也设置了tab缩进为四格，但是JS文件格式化后，缩进还是两格，解决方法
idea控制代码块缩进和后退的快捷键
最新发布
07-11
在 IntelliJ IDEA 中，代码块的缩进通常通过 Tab 或者 Shift+Tab 键来完成。按下 Tab 键会增加当前行的缩进，而 Shift+Tab 则会减少缩进。对于后退操作，如果是在已经选中的代码块内部，可以尝试使用 Alt+Left 或者 Ctrl+Shift+[ (Windows/Linux) / Command+Shift+[ (Mac) ) 进行撤销缩进。另外，如果你需要快速跳到上一级缩进，可以用 Alt+Right 或者 Ctrl+Shift+] (Windows/Linux) / Command+Shift+] (Mac)。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值