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

相关推荐
流浪打工人1 小时前
Unity3D编辑器初始化场景物体
编辑器
维度攻城狮2 小时前
PyCharm 使用 DevContainer 开发:打造一致、隔离、高效的开发环境
ide·python·pycharm·devcontainer
James5063 小时前
VSCode+CodeX扩展,无法启动
ide·vscode·codex
沫璃染墨1 天前
《Qt从零入门系列(二):Qt开发环境搭建——从Qt Creator到SDK配置》
c++·ide·qt
weixin_469273811 天前
.md文件是什么?.md如何打开?
前端·编辑器
xieliyu.1 天前
Java 文件IO :File 文件类、字节流、字符流讲解
java·ide·笔记·javaee
W_chuanqi1 天前
VSCode + Claude Code + DeepSeek:打造 AI 编程神器
ide·vscode·编辑器·ai编程
csdn_aspnet1 天前
在 Visual Studio Code 中安装使用 Github Copilot
ide·vscode·github·copilot
sunburn-2 天前
Java 队列全面详解:从入门到面试实战
java·开发语言·汇编·ide·idea
凌云拓界2 天前
NodeVerdict | .ndv 二进制格式:为 WASM 解码器设计的紧凑布局
安全·架构·开源·node.js·编辑器·软件工程·wasm