https://www.zhihu.com/question/58165388 转载   知识点备份

在vscod输入inp后选择标签回车

非典型理工男

持证上岗的程序员/减重实践者

53 人赞同了该回答

你需要的是下面这两个插件，ctrl + shift + x 后输入这两个插件安装

Auto Close Tag自动闭合HTML标签

Auto Rename Tag 修改HTML标签时，自动修改匹配的标签

以下是常用的VScode 插件

插件列表名称简述Auto Close Tag自动闭合HTML标签Auto ImportTypescript自动import提示Auto Rename Tag修改HTML标签时，自动修改匹配的标签Beautify css/sass/scss/lesscss/sass/less格式化Better Comments编写更加人性化的注释Bookmarks添加行书签Can I UseHTML5、CSS3、SVG的浏览器兼容性检查Code Runner运行选中代码段（支持大量语言，包括Node）Code Spellchecker单词拼写检查CodeBing在VSCode中弹出浏览器并搜索，可编辑搜索引擎Color Highlight颜色值在代码中高亮显示Color Info小窗口显示颜色值，rgb,hsl,cmyk,hex等等Color Picker拾色器Document This注释文档生成ESLintESLint插件，高亮提示EditorConfig for VS CodeEditorConfig插件Emoji在代码中输入emojiFile Peek根据路径字符串，快速定位到文件Font-awesome codes for htmlFontAwesome提示代码段Git Blame在状态栏显示当前行的Git信息Git History(git log)查看git logGitLens显示文件最近的commit和作者，显示当前行commit信息Guides高亮缩进基准线Gulp SnippetsGulp代码段HTML CSS Class CompletionCSS class提示HTML CSS Supportcss提示（支持vue）HTMLHintHTML格式提示Indenticator缩进高亮IntelliSense for css class namescss class输入提示JavaScript (ES6) code snippetsES6语法代码段JavaScript Standard StyleStandard风格Less IntelliSenseless变量与混合提示LodashLodash代码段MochaSnippetsMocha代码段Node modules resolve快速导航到Node模块Code Outline展示代码结构树Output Colorizer彩色输出信息Partial Diff对比两段代码或文件Path Autocomplete路径完成提示Path Intellisense另一个路径完成提示PostCss Sortingcss排序Prettify JSON格式化JSONProject Manager快速切换项目Quokka.js不需要手动运行，行内显示变量结果REST Client发送REST风格的HTTP请求React Native Storybooksstorybook预览插件，支持reactReact Playground为编辑器提供一个react组件运行环境，方便调试React Standard Style code snippetsreact standar风格代码块Sasssass插件Settings SyncVSCode设置同步到GistSort Typescript Importstypescript的import排序Sort lines排序选中行String Manipulation字符串转换处理（驼峰、大写开头、下划线等等）Syncingvscode设置同步到gistTODO ParserTodo管理TS/JS postfix completionts/js前缀提示TSLintTypeScript语法检查Test Spec Generator测试用例生成（支持chai、should、jasmine）TypeScript ImportTS自动importTypeSearchTS声明文件搜索Types auto installer自动安装@types声明依赖VSCode Great Icons文件图标拓展Version Lenspackage.json文件显示模块当前版本和最新版本View Node Package快速打开选中模块的主页和代码仓库VueHelperVue2代码段（包括Vue2 api、vue-router2、vuex2）filesize状态栏显示当前文件大小ftp-sync同步文件到ftpgitignore.gitignore文件语法htmltagwrap快捷包裹html标签language-stylusStylus语法高亮和提示markdownlintMarkdown格式提示npm Intellisense导入模块时，提示已安装模块名称npm运行npm命令stylelintcss/sass/less代码风格vetur目前比较好的Vue语法高亮vscode-database操作数据库，支持mysql和postgresvscode-icons文件图标，方便定位文件vscode-random随机字符串生成器vscode-styled-componentsstyled-components高亮支持vscode-styled-jsxstyled-jsx高亮支持

发布于 2017-06-21

​赞同 53​​1 条评论

​分享

​收藏​感谢收起​

知乎用户

8 人赞同了该回答

文件--首选项--设置。

在搜索设置中键入“tab”关键词，找到结果 "emmet.triggerExpansionOnTab": false。

在右侧的用户设置中添加一个键值对------ "emmet.triggerExpansionOnTab": true ，覆盖默认设置，done。

编辑于 2018-01-23

​赞同 8​​添加评论

​分享

​收藏​感谢

石头三颗

Python爱好者

7 人赞同了该回答

无需插件，请尝试(html文件编辑状态):
input TAB
img TAB
div TAB
等等等等

当然，还有!TAB

还有ulli*5，然后TAB

vscode可是内置了emmet的啊，比第三方插件方便太多了。可自行搜索emmet语法。

编辑于 2017-07-10

​赞同 7​​9 条评论

​分享

​收藏​感谢

十四

美工中的前端

1 人赞同了该回答

你需要一个插件 HTML Snippets 你输入input以后就可以实现input type="" name="" value="" input 到底闭合不闭合貌似有历史原因你可以百度一下，现在貌似都不写闭合;

如果你想闭合标签的话 装一个Auto Close Tag 你输入DIV 就会帮你闭合

编辑于 2017-04-10

​赞同 1​​3 条评论

​分享

​收藏​感谢

「已注销」

1 人赞同了该回答

这个是 Visual Studio Code 有意为之的。Sublime 这么补全其实是不好的。

首先，input 不是闭合标签，不需要加 /input，除非你还在用 xhtml 。

另外，大部分人的习惯其实是写完标签直接写属性。要是补全了结束标签，又要用方向键回退，大多数时候不大方便。

如果你非要改的话，可以去搜一搜 HTML 的补全插件。