VS？Code？常用自定义配置代码规范保存自动格式化（vs自动调整代码格式）万万没想到

文章摘要

这篇文章介绍了在Visual Studio Code中设置Prettier编辑器的配置选项，旨在优化代码编辑体验。配置包括自动保存格式化（editor.formatOnSave）、Prettier的缩进设置（prettier.tabWidth、prettier.semi、prettier.singleQuote、prettier.bracketSameLine、prettier.printWidth）以及代码分割符的调整（editor.wordSeparators）。此外，还设置为默认使用“esbenp.prettier-vscode”格式化器，工作区高亮主题为“One Dark Pro”，文件图标主题为“vscode-icons”。同时，扩展被禁用推荐（extensions.ignoreRecommendations），并且允许在信任工作区中无提示加载不受信任的文件（security.workspace.trust.untrustedFiles）。这些设置可以提高代码编写的效率和一致性。

{
“editor.formatOnSave”: true, // 每次保存的时候自动格式化
“prettier.tabWidth”: 4, // prettier设置 4空格缩进
“prettier.semi”: false, // 语句末尾去掉分号
“prettier.singleQuote”: true, // 双引号变成单引号
“prettier.bracketSameLine”: true, // 多行 HTML元素放在最后一行的末尾而不是单独放在下一行
“prettier.printWidth”: 100, // 宽度多少换行
“editor.defaultFormatter”: “esbenp.prettier-vscode”, // 为所有语言设置prettier
“workbench.colorTheme”: “One Dark Pro”, // 代码高亮主体
“workbench.iconTheme”: “vscode-icons”, // 文件小图标
“extensions.ignoreRecommendations”: true, // 扩展忽略建议
“security.workspace.trust.untrustedFiles”: “open”, // 始终允许在不提示的情况下将不受信任的文件引入受信任的工作区
“editor.minimap.enabled”: false, // 代码小地图
“editor.wordSeparators”: “`~!@#$%^&*()=+[{]}\\|;:'”,.<>/?” // 代码分割去掉了中划线-，可以双击选中css比如hello-word
}