React-如何在jsx中自动补全标签(vscode)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React-如何在jsx中自动补全标签(vscode)相关的知识,希望对你有一定的参考价值。

痛点: 

React库最近的增长趋势很明显, 很多朋友都在选择学习, 很多公司也在选择使用React栈. 

但在使用React库写代码的时候, 有一个很让人苦恼的问题, 就是标签在jsx语法中不能自动补全(vscode)

那我们经常会想到下载对应的插件来解决这个问题, 可以我们尝试了多个插件之后, 还是解决不了这个问题.  所以小编就深入的对这个东西进行了研究. 发现在vscode的设置中就可以配置. 

配置的具体代码是: 

"emmet.includeLanguages": {

    "javascript": "javascriptreact"

 }

具体的操作流程是: 

   打开设置-> 搜索emmet.include -> 找到上方代码拷贝 -> 粘贴到右侧工作区

 

来自:https://mp.weixin.qq.com/s/n7b9cWd_zI8wmb7ZkzaCIA

 

以上是关于React-如何在jsx中自动补全标签(vscode)的主要内容,如果未能解决你的问题,请参考以下文章

在jsx中自动完成html标签(崇高文本)

jsx中的自动完成html标签(崇高文本)

如何将可变数量的道具传递给 React 中的 JSX 标签

VSCode支持jsx自动补全

003-代码补全,运行,调试

如何在 React JSX 中添加空格