html自动补全

VS Code HTML 自动补全使用单引号：Prettier 配置指南

说白了，在 VSCode 中使用 HTML 自动完成单引号需要三个步骤：安装扩展、更改配置、设置默认格式。
但保存时要注意阵型的细节。

让我们谈谈第一件非常重要的事情。
安装 Prettier 扩展时请勿握手。
搜索“esbenp.prettier-vscode”了解详细信息。
我们去年实施的计划失败了，因为我们没有正确计划。
还有一点，创建 .prettierrc 文件时，只需将 {"singleQuote": true 放入其中即可。
这个配置是从2 000的HTML改成我们去年跑的项目，编码风格统一了，就像刚出厂一样。
另一个是决定性的。
它需要设置文档的默认格式化程序类型，例如“[]”：{“editor.defaultFormatter”：“esbenp.prettier-vscode”}。
很多人不注意这一点，所有具有安全性的形式都失败了。

说实话，这很令人不安。
起初我以为只改变 .prettierrc 就足够了，但后来我发现 Emmet 添加了双引号，我必须在保存之前格式化它们。
等等，还有一件事，如果文档中混入了 ESli，记得将 eslint.autoFixOnSave 设置为 false，否则会按 Prettier 规则。

总之，该解决方案允许您在保存文件时自动更改单个引号中的双逗号，但实时预览功能是值得的。
当你输入时它会提示，这比你改变它时更好。

notpad++打开 html 标签自动补全

这是一个洞。
别相信。
不要这样做。

使用 Prettier 在 VS Code 中配置 HTML 自动补全使用单引号

让我告诉你我掉过的陷阱。
两年前，我正在做一个 React 项目，HTML 自动完成总是使用双引号，这让我很头疼。
后来发现用Prettier就可以解决这个问题。

首先您需要安装 Prettier 插件。
打开VSCode，Ctrl+Shift+X，搜索“Prettier-Codeformatter”并安装。
很简单。

所以关键一步是在项目根目录下创建一个.prettierrc文件，点击VSCode新建一个文件，命名为.prettierrc，然后点击保存。
它说：
json { “单引号”：正确
只需简单一行，singleQuote 设置为 true，这意味着需要使用单引号。
我当时只是添加了它，然后当我格式化 HTML 自动完成时，所有单引号都被使用了。

还有一件事，你需要让 VSCode 在保存时自动格式化它。
转到设置，按 Ctrl+，搜索“FormatOnSave”并选择“Editor:FormatOnSave”。
然后搜索“DefaultFormatter”并选择“Prettier-Codeformatter”作为默认格式化工具。

终于可以尝试一下了。
例如，输入img并按Tab键。
默认是双引号。
添加配置后，按Tab键，就会变成单引号。

哦，对了，需要注意的是，.prettierrc文件必须在项目根目录下，否则Prettier将无法读取。
我以前就经历过这个陷阱。
我把它放在一个子文件夹中，它只是忽略了它。
我花了很长时间。

此外，这个.prettierrc文件不仅可以更改引号，还可以更改其他内容，例如是否使用空格或制表符进行缩进，以及是否在语句末尾添加分号。
具体怎么写忘记了，搜索一下就可以找到，还是挺方便的。

总之，安装Prettier并编辑配置文件后，代码风格立即统一，为您省去很多后顾之忧。
自从我开始使用它以来，项目维护变得更加容易。