undefined

vuePress-theme-reco Smalin    2020
undefined

Choose mode

  • dark
  • auto
  • light
首页
分类
  • Linux
  • Vue
  • Nginx
  • 树莓派
  • NodeJs
  • JavaScript
  • CSS
  • git
  • 面试
  • HTML
  • Video
  • Tools
  • VSCode
标签
时间轴
Contact
  • GitHub
  • 简历
author-avatar

Smalin

34

Article

22

Tag

首页
分类
  • Linux
  • Vue
  • Nginx
  • 树莓派
  • NodeJs
  • JavaScript
  • CSS
  • git
  • 面试
  • HTML
  • Video
  • Tools
  • VSCode
标签
时间轴
Contact
  • GitHub
  • 简历
  • 在 Visual Studio Code 开启 Emmet 语法写 JSX

    • 1. 在 VS Code 中打开任意文件夹,并且打开设置
      • 2. 点击 Workspace Settings 标签
        • 3. 在左面的侧边栏中打开 Extensions 下拉菜单,并且选择 Emmet
          • 4. 点击 "Edit in settings.json"
            • 5. 添加下面几行代码在这当前打开的文件里
              • 6. 现在 Emmet 就开启了在 JSX 下的写法!🎉

              在 Visual Studio Code 开启 Emmet 语法写 JSX

              vuePress-theme-reco Smalin    2020

              在 Visual Studio Code 开启 Emmet 语法写 JSX


              Smalin 2020-10-29 VSCode 插件

              # 在 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

              Emmet

              # 4. 点击 "Edit in settings.json"

              setting

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

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

              code

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

              test

              test

              原文链接