美文网首页
vscode IDE jsx语法自动补全html标签

vscode IDE jsx语法自动补全html标签

作者: 光头小青蛙 | 来源:发表于2019-10-09 16:29 被阅读0次

最近在学习写react发现了一个问题就是,在render里面写html标签的时候,编辑器不能自动补全,这就非常难受了,毕竟习惯了代码自动补全,不然手一个一个敲< >特别难受,而且还比较慢,所以网上找了到了一个解决办法,实测有用。

  • 1.在vscode的顶部菜单栏找到文件里面的首选项 设置输入emmet.includeLanguages
  • 2.选择在setting.json中编辑。
    image.png
  • 3.找到emmet.includeLanguages在里面添加,然后代码就可以自动补全了。
"javascript": "javascriptreact"
image.png

相关文章

  • vscode IDE jsx语法自动补全html标签

    最近在学习写react发现了一个问题就是,在render里面写html标签的时候,编辑器不能自动补全,这就非常难受...

  • JSX语法

    一、什么是JSX语法 在js中直接使用html标签,而不是以字符串的形式使用html标签的语法称为JSX语法 二、...

  • React入门

    JSX语法 JSX 的基本语法规则 遇到HTML标签(以 < 开头),就用HTML规则解析;遇到代码块JavaSc...

  • (React)认识React语法

    一、JSX语法 在React中,没有使用HTML标签来绘制UI,而是使用了JSX语法。 当然JSX语法中,也可以嵌...

  • JSX语法

    在react中,在js文件里写html标签,我们把这种语法称为 jsx语法。 jsx语法与普通js语法的区别 普通...

  • Vscode 自动补全标签和联动重名标签 插件

    自动补全标签和联动重名标签 在 VSCode 中输入一半的标签会自动帮忙补全另一半,但是如果我后期想修改的话需要就...

  • 现代前端常用的工具插件整理

    编辑器 vscode 插件 Auto Close tag html 自动补全插件 Auto Rename tag ...

  • html文件结构分析

    vscode输入"html: 5"自动补全的内容是一下这段标签 小编来分析一下这段代码的构成1、DOCTYPE声明...

  • 跟随阮一峰的全栈之路

    Demo1 - Render JSX 在 React 中模板语法的高亮叫做JSX。它允许在JSX把HTML标签直接...

  • JSX核心语法

    JSX简介 这个html标签和js的结合体就是JSX,JavaScript的扩展语法。在React中JSX会被创建...

网友评论

      本文标题:vscode IDE jsx语法自动补全html标签

      本文链接:https://www.haomeiwen.com/subject/kbecpctx.html