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

相关推荐
Morpheon3 小时前
Cursor 1.0 版本 GitHub MCP 全面指南:从安装到工作流增强
ide·github·cursor·mcp
猿小猴子5 小时前
主流 AI IDE 之一的 Cursor 介绍
ide·人工智能·cursor
我命由我1234510 小时前
VSCode - VSCode 放大与缩小代码
前端·ide·windows·vscode·前端框架·编辑器·软件工具
old_power12 小时前
VSCode 工作区配置文件通用模板创建脚本
ide·vscode·编辑器
Lw老王要学习12 小时前
VScode 使用 git 提交数据到指定库的完整指南
windows·git·vscode
vortex514 小时前
在 Kali 上打造渗透测试专用的 VSCode 环境
ide·vscode·编辑器
BreezeDove15 小时前
IDEA安装&迁移IDEA配置数据位置
java·ide·intellij-idea
24K纯学渣15 小时前
Python编码格式化之PEP8编码规范
开发语言·ide·python·pycharm
casual_clover16 小时前
Android Studio 解决首次安装时下载 Gradle 慢问题
android·ide·android studio
科文小白狼18 小时前
Linux下VSCode开发环境配置(LSP)
linux·vscode·里氏替换原则·lsp