vscode jsx语法自动补全html闭合标签

最新推荐文章于 2024-06-25 22:14:44 发布
最新推荐文章于 2024-06-25 22:14:44 发布
阅读量1.8k 收藏 3
点赞数 1
分类专栏： 前端 文章标签： vscode jsx语法自动补全html闭合标签
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sxs7970/article/details/90138084
版权

学习React 接触了一种类似于 HTML的语法就是 JSX语法，但是用VSCode每次写JSX语法的时候，不会自动闭合元素标签，不过可以进行配置：

  1. 打开 vsCode，选择 文件 -> 首选项 -> 设置

  2. 然后在搜索中，输入 emmet.includeLanguages ，点击如下 settings.json中编辑
    在这里插入图片描述

  3. 添加如下代码

"emmet.includeLanguages": {
         "javascript": "javascriptreact"
}

重启vscode即可！

sxs7970
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vscode 前端常用必备插件汇总
2301_82243626的博客
04-29 541
小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始，原计划每天刷一道算法题，实际上每天有时候不止一题，一年最终完成了 600+：凭借三年刷题经验，他在校招中很快拿到了各大公司的offer。入职前，他把他的刷题经验总结成1121页PDF书籍，作为礼物赠送给他的学弟学妹，希望同学们都能在最短时间内掌握校招常见的算法及解题思路。整本书，我仔细看了一遍，作者非常细心地将常见核心算法题和汇总题拆分为4个章节。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
VSCode 开发Vue必备插件
u011174978的博客
06-02 3736
VSCode 开发Vue必备插件 1.Vetur —— 语法高亮、智能感知、Emmet等 包含格式化功能， Alt+Shift+F （格式化全文），Ctrl+K Ctrl+F（格式化选中代码，两个Ctrl需要同时按着） 2.EsLint ——  检查代码是否符合规范 3.Debugger for Chrome —— 映射vscode上的断点到chrome上，方便调试（配置有点麻烦，其实我没用这个） 4.Auto Close Tag —— 自动闭合HTML/XML标签 5.Auto Rename Tag ——
VSCode 自动修改闭合标签
xiaowude_boke的博客
10-25 780
vscode自动更改闭合标签
使用 Vue JSX 时出现：JSX 元素隐式具有类型 “any“，因为不存在接口 “JSX.IntrinsicElements“。
最新发布
weixin_42660646的博客
06-25 949
使用 Vue JSX 出现“JSX 元素隐式具有类型 "any"，因为不存在接口 "JSX.IntrinsicElements"。”时的一个更加优雅的解法。
vscode view标签不能自动闭合
liurk_hh的博客
06-24 1601
vscode 标签自动闭合
vscode中，vue模板字符串``中自动闭合html标签及提示
王小五的博客
07-29 2747
vscode中，vue模板字符串``中自动闭合html标签及提示 按F1打开搜索栏并清空输入：settings.json 添加如下代码即可 "emmet.triggerExpansionOnTab": true, "emmet.showAbbreviationSuggestions": true, "emmet.showExpandedAbbreviation": "always", "emmet.includeLanguages": { "javascript":
vscode配置-prettier插件jsx代码提示
longda0_o的博客
03-09 509
vscode配置-prettier插件jsx代码提示
VSCode Vue开发推荐插件和VSCode快捷键(小结)
10-14
- AutoCloseTag和AutoRenameTag：这两个插件分别用于自动闭合HTML/XML标签和自动同步修改匹配的HTML标签。它们使得开发过程更流畅，减少了手动查找匹配错误的可能性。 - JavaScript(ES6) code snippets：这是一个...
vscode 智能打印_vscode插件整理
weixin_42517466的博客
12-28 824
[TOC]>[success] # vscode插件整理| 插件名称 | 插件用处 | 快捷键 || --- | --- | --- || Vetur | vue的插件，语法高亮、智能感知 | - || EsLint | 语法纠错 | - || Bracket Pair Colorizer 2 | 代码始端末端有'彩虹括号'，有利...
2021-前端-VsCode插件
Hugh的博客
05-16 2890
此乃吾习前端，VsCode之插件，个人所装，喜着自拿，不足之处还望海涵，多加批评。 1.Auto Close Tag——自动闭合尾部的标签 2.Atuo Rename Tag——修改 html 标签 自动帮你完成头部和尾部闭合标签的同步修改 3.Bracket Pair Colorizer——用于颜色匹配括号 4.Chinese （Simplified）Language Pack for Visual Studio Code——汉化VsCode 5.Code Spell Checker——代码拼写检
vscode 自动闭合标签插件，自动修改闭合标签
weixin_42857490的博客
01-22 818
Auto Close Tag Auto Rename Tag
VS Code关闭自动闭合标签功能
mitrichev86的专栏
10-22 3631
VS Code关闭自动闭合标签功能 1.点击右下角设置。 2.在settings里搜索auto closing tags。 3.点击Enable/disable autoclosing of Html tags。
vscode插件推荐HTML自动闭合标签插件名称
随心分享
08-29 2471
描述：vscode插件推荐HTML自动闭合标签插件名称 名称： Auto Close Tag
用vscode写React中使用jsx语法写html代码没有语法提示，解决方法
THY0827的博客
07-08 731
打开设置找到json文件添加配置。
两步解决vscode中jsx中没有html语法提示问题
liu3325262991的博客
11-02 414
第二步 添加项 key 为javascript value 为 Javascriptreact 完成！结束，快去试试吧，一定行！
vscode 如何设置jsx html代码补全问题
weixin_54259790的博客
09-02 315
vscode 如何设置jsx html代码补全问题 **1. 点击右上角文件，打开首选项，选择设置，在设置中搜索settings.json，并打开 ** 在settings.json 中加入，保存并重启编辑器就可以了！ "emmet.includeLanguages":{ "javascript":"javascriptreact" }, ...
vscode react jsx 中标签自动补全
嗝~
11-14 338
设置中搜索 includeLanguages 进入到用户设置，点击settings.json中编辑以下内容 { "emmet.triggerExpansionOnTab": true, "emmet.includeLanguages": { "javascript": "javascriptreact" } } ...
vscode 插件-常用插件
热门推荐
u012732909的博客
09-08 1万+
三.VSCode常用插件(安装步骤同汉化) 3.1Auto Close Tag (自动闭合HTML/XML标签) 3.2Auto Rename Tag (自动帮你完成尾部闭合标签的同步修改，不过有些bug。) Prettier(Prettier 是目前 Web 开发中最受欢迎的代码格式化程序) 安装了这个插件，它就能够自动应用 Prettier，并将整个 JS 和 CSS 文档快速格式化为统一的代码样式。如果你还想使用 ESLint，那么还有个 Prettier ...
vscode jsx 自动补全
08-05
在编写React的代码时，我们通常会使用JSX语法。然而，在VSCode中输入HTML标签时，无法自动提示补全，这对开发效率来说是不太方便的。为了解决这个问题，我们可以...这样，你就可以享受到VSCode中的JSX自动补全功能了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值