首页前端开发其他前端知识VSCode 格式化缩进代码的实现

VSCode 格式化缩进代码的实现

时间2024-02-10 20:33:04发布访客分类其他前端知识浏览420
导读:收集整理的这篇文章主要介绍了VSCode 格式化缩进代码的实现,觉得挺不错的,现在分享给大家,也给大家做个参考。 1)文件 —> 首选项因为 VsCode 默认启用了根据文件类型自...
收集整理的这篇文章主要介绍了VSCode 格式化缩进代码的实现,觉得挺不错的,现在分享给大家,也给大家做个参考。

1)文件 —> 首选项

因为 VsCode 默认启用了根据文件类型自动设置tabsize的选项,在设置中添加:

"edITor.detectIndentation": false

 

2)编辑器配置

在项目文件中新建 .editorconfig 文件
为特定类型文件指定缩进大小、缩进类型(空格,或tab),是否自动插入末行等等。

root = true[*]charset = utf-8indent_style = tabindent_size = 4insert_final_newline = truetrim_trailing_whitespace = true[*.md]max_line_length = offtrim_trailing_whitespace = false

3)安装 VsCode 格式化代码插件

搜索并安装 Beautify 格式化代码插件

 

使用指南:

打开要格式化的文件 —> F1 —> Beautify file —> 选择你要格式化的代码类型


 

4)格式化对齐快捷键:

  • Windows: Ctrl + K + F
  • Windows:Shift + Alt + F
  • Mac: Shift + Option + F
  • ubuntu: Ctrl + Shift + I

到此这篇关于VSCode 格式化缩进代码的实现的文章就介绍到这了,更多相关VSCode 格式化缩进内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!

您可能感兴趣的文章:
  • vscode 使用Prettier插件格式化配置使用代码详解
  • VScode格式化ESlint方法(最全最好用方法)
  • Vue-cli Eslint在vscode里代码自动格式化的方法
  • 解决vscode进行vue格式化,会自动补分号和双引号的问题
  • 关于VSCode格式化JS自动添加或去掉分号的问题

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: VSCode 格式化缩进代码的实现
本文地址: https://pptw.com/jishu/608844.html
vscode 一键规范代码格式的实现 永久解决VSCode终端中文乱码问题

游客 回复需填写必要信息