VS Code 配置 JSX 语法支持：解决 ES7 插件无法完全识别的问题

问题描述

在开发过程中，即便已经安装了 ES7 React/Redux/GraphQL/React-Native snippets 插件，部分用户反馈该插件并不能完全支持 JSX 语法的代码片段与高亮显示。

基于此现象，参考相关技术博客后，找到了具体的解决方案。

解决方法

首先打开 VS Code 的设置界面（Settings），在搜索框中输入 includeLanguages 进行查找。

搜索结果中会显示当前已配置的语言映射列表。例如，图中可能包含之前为支持微信 WXML 语法而配置的 HTML Emmet 设置。

在列表中找到添加新项的入口，输入 key 为 javascript，value 为 javascriptreact。

保存该配置项后，即可生效。此时在设置界面中可以看到新增的 "javascript": "javascriptreact" 映射，这与参考博客中的建议写法一致。

以上就是 React-vscode 使用 jsx 语法的问题及解决方法的详细内容，更多关于 React-vscode jsx 语法的资料请关注本站其它相关文章！