在 Visual Studio Code 开启 Emmet 语法写 JSX

之前写 Vue 的项目，是没有这个问题困扰我的，因为 Vue 项目是模版的写法，但是转到 React 写代码的时候发现之前写的很顺手的 Emmet 插件无法生效了，导致写 HTML 的时候特别费劲，键盘都快敲烂了，还好我键盘多

其实在 VSCode 下是需要单独设置一下的，由于 VSCode 默认自带这个插件，不需要安装其他插件即可使用

1. 在 VS Code 中打开任意文件夹，并且打开设置

• Mac 使用 Command + ,
• Win 使用 Ctrl + ,

会打开 VS Code 默认设置的界面

2. 点击 Workspace Settings 标签

3. 在左面的侧边栏中打开 Extensions 下拉菜单，并且选择 Emmet

4. 点击 "Edit in settings.json"

5. 添加下面几行代码在这当前打开的文件里

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

6. 现在 Emmet 就开启了在 JSX 下的写法！🎉

原文链接