vscode 格式问题

1、EditorConfig for VS Code 插件

shift + alt + f 格式化文件(VS Code格式化按键),如下图,每个缩进4空格

代码如下

创建文件名 .editorconfig

root = true

\*

charset = utf-8

indent_style = space

indent_size = 2

end_of_line = lf

insert_final_newline = true

trim_trailing_whitespace = true

\*.md

insert_final_newline = false

trim_trailing_whitespace = false


2、Prettier - Code formatter 插件

3、除了第2步这种方式,还可以给项目根目录创建一个.prettierrc配置文件,同时创建.prettierignore文件,由于prettier插件优先使用项目根目录下的.prettierrc配置文件对代码进行格式化,而忽略settings.json的配置。

3.1

.prettierrc配置如下

{

"semi": false,

"singleQuote": true,

"trailingComma": "none",

"useTabs": false,

"tabWidth": 4,

"printWidth": 120,

"proseWrap": "preserve",

"arrowParens": "always",

"bracketSpacing": true,

"singleAttributePerLine": true

}

.prettierignore 配置忽略如下

忽略dist目录下文件的语法检查

dist

忽略所有html文件

*.html

相关推荐
Promising_GEO1 小时前
新电脑科研环境配置指南:Miniforge + PyCharm + GitHub 从安装到可用
ide·python·pycharm·github·地理
舞动青春882 小时前
vscode copilot配置kimi k3
ide·vscode·copilot
爱上纯净的蓝天3 小时前
AtomCode 多语言开发支持:一个 AI IDE 搞定全栈开发
ide·多语言·全栈开发·atomcode
浔川python社15 小时前
浔川系列产品后台维护与漏洞修复公告
编辑器
小小啊python1 天前
IDEA中SpringBoot项目配置热部署
java·ide·intellij-idea·springboot·热部署
golang学习记1 天前
VS Code 2026年的正确的打开方式
vscode
烂蜻蜓2 天前
Node.js入门教程(二十三):全局对象
node.js·编辑器·vim
树码小子2 天前
Pycharm解释器配置问题解决
ide·python·pycharm
FlyWIHTSKY2 天前
idea中集成claude功能
java·ide·人工智能·intellij-idea·cloudera
BIBI20492 天前
Windows 下 Maven 安装与 VSCode 配置
java·windows·vscode·maven·环境搭建·安装教程