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