修改vscode中emmet中jsx和tsx语法中className的扩展符号从单引号到双引号 - HTML代码补全 - 单引号双引号

效果图

实现步骤

  1. 文件 > 首选项 > 设置

  2. 搜索""

  3. 在settings.json中修改,增加

    bash 复制代码
    "emmet.syntaxProfiles": {
        "html": {
            "attr_quotes": "single"
        },
        "jsx": {
            "attr_quotes": "double",
            "self_closing_tag": true
        },
        "tsx": {
            "attr_quotes": "double",
            "self_closing_tag": true
        }
    }
  4. 保存

  5. ok

原效果

相关推荐
帅杰IT大神2 小时前
新版本的idea用不习惯,怎么还原为之前版本的UI界面?idea界面还原,idea新版本ui设置
java·ide·intellij-idea·idea·intellij idea·2025
laiger902 小时前
VSCode轻松调试运行.Net 8.0 Web API项目
ide·vscode·c#·编辑器·.net·.netcore
海绵波波1073 小时前
vscode+vue前端开发环境配置
ide·vue.js·vscode
m0_748256346 小时前
Python 入门教程(2)搭建环境 2.4、VSCode配置Node.js运行环境
vscode·python·node.js
liubing51886 小时前
IDEA 2024.1 最新永久可用(亲测有效)
java·ide·intellij-idea
Kevin1712067 小时前
webstorm的Live Edit插件配合chrome扩展程序JetBrains IDE Support实现实时预览html效果
ide·html·webstorm
@正在学习驰骋的小马7 小时前
在PyCharm中集成AI编程助手并嵌入本地部署的DeepSeek-R1模型:打造智能开发新体验
ide·pycharm·ai编程
吃汤圆的抹香鲸7 小时前
PhpStorm 绿色版 安装包 Win/Mac/Linux 商业的PHP集成开发环境 2025全栈开发终极指南:从零配置到企业级实战
linux·ide·windows·macos·php·intellij-idea·phpstorm
不灭锦鲤8 小时前
关于Visual Studio 2022的安装之后的问题
ide·visual studio
小机学AI大模型9 小时前
Android Studio中gradle一栏中出现nothing to show 提示的解决方法
android·ide·android studio