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

相关推荐
zhangfeng11332 小时前
WebIDE 容器中 AtomCode 报 `ATOMCODE_SIG_STALE` 排查实录:一次由 8 小时时钟偏差引发的“悬案”
编辑器·ai编程·atomcode
witton3 小时前
MacOS中在目录或者文件右键菜单中添加“使用VSCode打开”
vscode·macos·文件·目录·服务·automator·右键菜单
wabil4 小时前
[AI-Talk] codx制作xmind文件技巧
ide·ai编程·myeclipse·xmind
大衛說15 小时前
02 · 环境搭建:uv 包管理与现代 IDE
ide·uv
山峰哥19 小时前
数据库工程与查询优化案例深度复盘‌
数据库·sql·oracle·编辑器·深度优先·宽度优先
cndes20 小时前
安装Miniconda+Jupyter notebook
ide·python·jupyter
码上暴富1 天前
Cursor / VS Code 自定义文件颜色
前端·vscode
洛兮银儿1 天前
pycharm选中同一个词的标记颜色的修改
ide·python·pycharm
2601_962381581 天前
VSCode如何配置LlamaIndex RAG(检索增强生成)应用开发环境
vscode·开发环境·rag·llamaindex·检索增强生成
javgo.cn1 天前
Markweave:开源 Markdown-first WYSIWYG 编辑器
开源·编辑器