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

相关推荐
zpjing~.~9 小时前
Vim 高效批量替换实战:从 /dev/ 替换为 /dev-ai/
人工智能·编辑器·vim
瑶山9 小时前
Windows + WSL2 Ubuntu + VS Code配置C++开发环境
开发语言·c++·windows·vscode·wsl
苏辰澈10 小时前
C++独属于自己的变身:多态
c语言·开发语言·c++·visualstudio·编辑器
golang学习记20 小时前
VSCode多光标迎来重大更新
ide·vscode·编辑器
sm_9267870520 小时前
RFID 标签打印的技术实现要点与二次开发实践
java·大数据·前端·c++·编辑器
专业程序开发源21 小时前
flask家电故障预测系统92491-计算机课程设计/毕业设计
vscode·python·sql·算法·flask·课程设计
夜雪一千1 天前
如何取消PyCharm自动识别test开头文件并进入测试模式
ide·python·pycharm
小李不困还能学1 天前
PyCharm远程开发连接失败排查与解决
ide·python·pycharm
测试开发Kevin1 天前
IDEA工程结构解析:项目、模块、库、Facet、Artifact (工件) 概念说明
java·ide·intellij idea
Vex2une1 天前
PowerShell ISE 到 VS Code 迁移史:从集成脚本环境到现代编辑器工作流
windows·vscode·powershell·powershell ise·powershell 扩展·powershell 7·脚本编辑器