修改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

原效果

相关推荐
初一初十1 小时前
vue3茶叶商城网站vue网页vuejs前端
前端·javascript·vue.js·vscode·前端框架
Algorithm_Engineer_3 小时前
如何利用Pycharm进行分布式的Debug训练
ide·分布式·pycharm
Jumbo星4 小时前
新版vscode侧边资源管理器的文件搜索
ide·vscode·编辑器
今天的你比昨天进步了?4 小时前
单片机程序,keil可以正常编译,VScode编译报错处理
vscode·单片机·嵌入式硬件
ABAP-張旺4 小时前
ABAP:Visual Studio Code開發ABAP教程
ide·vscode·编辑器
设计师小聂!6 小时前
Java异常处理
java·开发语言·后端·编辑器·idea
stevenzqzq7 小时前
vsCode AI插件
ide·人工智能·vscode
拾贰_C9 小时前
【Ubuntu | VSCode | SSH | 远程连接 | Linux】VSCode 怎么实现ssh远程连接
linux·vscode·ubuntu
你疯了抱抱我9 小时前
【STM32】配置vscode+C工具链+Cortex-Debug开发环境,IC:STM32F411CEU6
c语言·vscode·stm32
恣艺10 小时前
解决 PyCharm 2024.1+ matplotlib 图表显示异常:Plots 工具窗口空白 / tostring_rgb 报错
ide·pycharm·matplotlib