首页 > 其他分享 >Prettier缩进改制表符等于的空格数

Prettier缩进改制表符等于的空格数

时间:2024-03-08 16:02:35浏览次数:28  
标签:缩进 空格 勾选 Prettier 设置 制表符

1. 缩进改制表符等于的空格数修改为4

1.1问题

VSCODE中Prettier插件中制表符'\t'默认的空格数 为2, 而我们一般空格数对应为4, 这就导致我们很多时候看着不舒服, 如何修改呢?

1.2解决方法

搜索, 设置>Prettier:Tab Width, 设置为4即可

搜索, 设置>Prettier: Use Tab, 勾选即可

2. 在所有代码语句末尾是否添加分号

2.1 解决

在设置栏搜索 Prettier:Semi, 选择是否勾选即可

3. 决定使用单引号还是双引号

在设置栏搜索 Prettier:Single Quote, 选择是否勾选即可

标签:缩进,空格,勾选,Prettier,设置,制表符
From: https://www.cnblogs.com/trmbh12/p/18061169

相关文章

  • 解决Prettier格式化使得''单引号自动变为""双引号 / 末尾是否加分号
    1.问题1.单引号/双引号选择问题在编写JavaScript程序过程中,代码规范要求使用''单引号引起字符串等等值,但是由于Prettier默认是双引号,导致不规范2.末尾是否加分号取决于个人采用的规范,我这里是选择加上分号;2.解决都是在setting.json中进行修改,如何打开它呢我们在设置中的......
  • 制表符转换为空格
    制表符转换为空格expand<filename>空格转换为制表符unexpand<filename>expand命令手册EXPAND(1)用户命令EXPAND(1)名称expand-将制表符转换为空格概要expand[选项]...[文件列表]...描述......
  • Angular 17+ 高级教程 – Prettier, ESLint, Stylelint
    前言不熟悉 Prettier,ESLint,Stylelint的朋友可以先看这篇 工具–Prettier、ESLint、Stylelint。本篇主要是教如何在Angular项目引入 Prettier、ESLint、Stylelint。 ESLint       目录上一篇 TODO下一篇TODO想查看目录,请移步 Angular17+高......
  • 给nuxt3添加 ESLint 和 Prettier
    前言在这篇文章中,我们将介绍ESLint和Prettier,用于在Nuxt3项目中自动设置代码样式格式。配置自动设置代码样式有这些好处:一致性:自动执行某种风格。特别是在代码审查中避免吹毛求疵的论点。节省时间:无需手动格式化代码。代码质量:捕捉代码中的潜在问题,例如语法错误和编码风格......
  • Java小细节之缩进中if 和else的对应关系
    importjava.util.Scanner;publicclassMain{publicstaticvoidmain(String[]args){Scannerin=newScanner(System.in);System.out.print("请输入数字:");intn=in.nextInt();System.out.print("请输入分数:");intcount=in.nextInt();if(n==......
  • python学习笔记4(print复杂语法、input、注释、代码缩进)
    上一节学习了概述、开发工具、编写方法、print简单语法本节内容:(一)print复杂语法1、多条print输出到一行显示print('北京',end='---->')print('欢迎你')2、使用连接符连接多个字符串+不能连接数据值和其他类型print(192,168,1,1,sep='.')#多个字符串通过.间隔print('北京欢迎你'+'2......
  • vscode自动保存设置为afterDelay后prettier不生效
    "files.autoSave":"afterDelay""editor.formatOnSave":true这两个配置不能一起使用解决方法:1.将"afterDelay"修改为“onFocusChange"2.设置成onFocusChange或者onWindowChange3.关闭重启vscode 参考文件:files.autoSaveandeditor.formatOnSave  ......
  • eslint$prettier 记录
    module.exports={//eslint配置eslintJSON:{root:true,//当前配置为根配置,将不再从上级文件夹查找配置parserOptions:{parser:'babel-eslint',//采用babel-eslint作为语法解析器sourceType:'module',//指定来源的类型,有两种script......
  • WebStorm2023安装prettier并生效
    1.首先去File>Settings>Plugins里下载并install插件Prettier 2.在settings里搜索prettier,按图片所示设置一下Apply 3.在你需要的文件中按下快捷键Ctrl+Alt+Shift+L会弹出提示框,点Run即可 ......
  • [转] VSCode中 Vetur插件排版Vue文件 Col 标签子标签不被缩进的问题 iview viewDesign
    [转]VSCode中Vetur插件排版Vue文件Col标签子标签不被缩进的问题iviewviewDesign自动格式化问题Col标签不对齐首先直接放解决办法在vsCodesettings.json中添加{//缩进大小,自行按需配置"vetur.format.options.tabSize":4,"vetur.format.defaultFo......