React、Emmet、Visual Studio Code 和 CSS 模块

2023-12-29

有没有办法在 Visual Studio 代码中配置 emmet 以使用 React 的 CSS 模块?

当我打字时...div.container然后点击 tab,它就变成了<div className="container"></div>

这里的问题是它没有使用 CSS 模块。我希望它变成这样:<div className={styles.container}></div>

有没有办法在 VS code 中获得此功能?


You can use Emmet div.{styles.container} => tab
and get <div className={styles.container}></div>

vs 代码设置

"editor.autoClosingBrackets": "always",
"emmet.includeLanguages": {
  "javascript": "javascriptreact",
  "typescript": "typescriptreact"
},
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

React、Emmet、Visual Studio Code 和 CSS 模块 的相关文章

随机推荐

  • 如何在詹金斯管道中抛出异常?

    我已经使用 try catch 块处理了 Jenkins 管道步骤 我想在某些情况下手动抛出异常 但它显示以下错误 org jenkinsci plugins scriptsecurity sandbox RejectedAccessExc
  • Silverlight 是否比 JavaScript 具有性能优势?

    在最近一次有关 Silverlight 的讨论中 提到了速度的优势 Silverlight 的论点是 它在浏览器中的性能比 Javascript 更好 因为它是编译 和托管 代码 然后有人指出 这一优势仅适用于 IE 因为与 Chrome
  • 如何编写代码来为android中的数组创建共享首选项?

    我正在工作android 我想在我的代码中进行共享首选项 但我不知道如何对数组进行共享首选项以及如何在另一个类中使用该共享首选项的值 这是我在一个 for 循环中的数组 urls i sitesList getWebsite get i 我
  • 使用 Week No 在 MySql 中获取一周的第一天

    如何获取周数可用的给定周的第一天 例如 当我写这篇文章时 我们位于WEEK 29 我想编写一个将返回的 MySQL 查询7 月 18 日星期日使用这个第 29 周作为唯一可用的参数 这是根据当前日期获取一周第一天和一周最后一天的准确方法 a
  • Chrome 扩展程序 .pem 文件有什么用?

    当我创建第一个 Google Chrome 扩展程序时 我按照迷宫般的说明进行操作 最终成功启动了扩展程序 我还成为了一个神秘的 pem 文件的新所有者 我被警告将其放置在安全的地方并且永远不要丢失 我认真地将文件放在安全的地方 并可能在处
  • Android 全局变量在 Service 中不起作用

    我很困惑为什么我无法从我的服务访问我的全局变量 我可以从其他活动中访问它们就好了 全局变量类 public class Global extends Application private static final String TAG G
  • C# MS Exchange 将电子邮件移动到文件夹

    Added 感谢用户 grapkulec 我正在使用 using Microsoft Exchange WebServices Data 我正在尝试将电子邮件移动到我已在 Outlook 中创建的文件夹 使用 MS Exchange 到目前
  • 使用节点的字符串表示形式访问 stdClass 对象上的嵌套属性

    给定一个保存该字符串的变量 property parent gt requestdata gt inputs gt firstname 还有一个对象 obj gt parent gt requestdata gt inputs gt fir
  • 获取忽略 Null 或零值的 AVG

    我怎样才能得到AVG忽略一列NULL和零值 我有三列来获取它们的平均值 我尝试使用以下脚本 SELECT distinct AVG cast ISNULL a SecurityW 0 as bigint as Average1 AVG ca
  • 修复 AngularJS 错误:提供程序必须从 $get 工厂方法返回值

    当我使用下面的代码时 出现以下错误 提供者 登录 必须从 get 工厂方法返回一个值 我已经查看了 stackoverflow 帖子here https stackoverflow com questions 27738903 provid
  • 如何在Struts 2中提交多个Line Item?

    我确实有一个购买请求表单 它动态创建行ItemName quantity specification unit of measurement 我确实有一个名为 添加项目 的按钮 它可以动态创建新行 当我提交此表单时 如何将其放入 Strut
  • Blazor 项目中的 C++ DLL

    我正在尝试将我用 C 编写的小型桌面应用程序引入 Blazor 但我遇到了本机 dll 的墙 我有一个自己的 C dll 我不知道如何将其带到 blazor 目前在桌面应用程序中我正在使用以下方法 DllImport C Users amg
  • 使用 ActivityUnitTestCase 时出现 RuntimeException,但使用 ActivityInstrumentationTestCase2 时则不会出现 RuntimeException

    我正在尝试使用 ActivityUnitTestCase 测试 Android 应用程序的 MainActivity 由于某种原因 我什至无法启动测试 因为它失败并出现以下错误跟踪 java lang RuntimeException Ex
  • Rails:使用 Kaminari 进行自定义偏移分页

    我正在使用 Kaminari 进行分页 在某种情况下需要第一页仅包含 2 个条目 而每个页面包含 6 个条目 我认为这是可以使用padding 但它似乎不像我预期的那样工作 文档也没有多大帮助 a 1 20 to a b Kaminari
  • 将 R 数据集中的 -inf、NaN 和 NA 值替换为零

    我正在尝试在 R 中运行一些交易策略 我已经下载了一些股票价格并计算了回报 新的返回数据集具有多个 inf NaN 和 NA 值 我正在复制数据集的一行 log ret 它是一个动物园数据集 library zoo log ret lt s
  • 使用 javascript 将文件下载为 .csv 文件

    我正在尝试将文件导出为 csv 文件 以便当用户单击下载按钮时 浏览器会自动将该文件下载为 csv 我还希望能够为要导出的 csv 文件设置名称 我正在使用 javascript 来执行此操作 代码如下 function ConvertTo
  • Selenium - 无法找到自由端口

    我正在 FreeBSD 服务器上运行一个依赖于 selenium 的应用程序 在启动过程中我遇到了异常 Caused by java lang RuntimeException Unable to find a free port at o
  • ASP.NET Core - 提供静态文件[重复]

    这个问题在这里已经有答案了 我正在关注此文档 但我遇到了困难 https learn microsoft com en us aspnet core fundamentals static files https learn microso
  • 如何使用 Org 模式在 HTML 导出中格式化帖子?

    我正在使用组织模式创建一个网站 并希望格式化帖子 以便它只显示创建日期和创建者在页面底部的中心 并且是水平的 在我的 emacs 中我有 setq org export html postamble format Last Updated
  • React、Emmet、Visual Studio Code 和 CSS 模块

    有没有办法在 Visual Studio 代码中配置 emmet 以使用 React 的 CSS 模块 当我打字时 div container然后点击 tab 它就变成了 div div 这里的问题是它没有使用 CSS 模块 我希望它变成这