VSCode中如何实现Ruby on Rails的html.erb文件HTML代码自动闭合？

嘿，要在html.erb文件里实现HTML代码自动闭合，不同编辑器的操作方式略有不同，我整理了几个主流编辑器的配置方法，你可以参考：

VS Code（最常用） #

• 先安装ERB相关插件，比如Ruby ERB，它能让VS Code更好识别ERB文件的结构；
• 打开设置面板：按下Ctrl+,（Windows/Linux）或Cmd+,（Mac），搜索Auto Close Tags；
• 勾选HTML: Auto Close Tags选项，同时把Editor: Auto Closing Brackets设置为always或者languageDefined；
• 关联ERB文件的语言模式：点击编辑器右下角的语言标识（比如默认可能显示Plain Text），选择HTML或Ruby ERB，这样自动闭合规则就会应用到ERB文件上；
• 额外补充：如果还是有问题，可以安装Prettier插件，开启Prettier: Auto Format On Save，它不仅能格式化代码，也能自动补全闭合标签。

RubyMine（JetBrains系列IDE） #

• 打开Preferences（Mac：Cmd+,；Windows/Linux：Ctrl+Alt+S）；
• 导航到Editor > General > Smart Keys；
• 在HTML板块下，勾选Insert closing tag automatically和Insert paired tag on typing '<<'这两个选项；
• 确认ERB文件的语言类型：右键目标文件，选择File > File Properties > Language，设置为HTML或Ruby HTML，确保IDE正确识别文件类型。

Sublime Text #

• 通过Package Control安装Emmet插件（前端开发必备，对标签自动闭合支持很好）；
• 打开ERB文件后，按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac），输入Set Syntax: HTML，将文件语法设置为HTML；
• Emmet默认会自动处理标签闭合，比如输入<div>后按Tab或回车，就会自动生成对应的</div>；如果需要调整行为，可以在Emmet的设置里自定义规则。

小提示 #

如果遇到特殊的自定义ERB标签无法自动闭合，大部分编辑器都有手动补全快捷键：比如VS Code里按Ctrl+Shift+.（Windows/Linux）或Cmd+Shift+.（Mac）就能快速补全当前标签的闭合部分。

内容的提问来源于stack exchange，提问作者COLEAN