visual-studio-code - 在 VSC 上为 .tsx 文件启用 Emmet

标签 visual-studio-code emmet react-tsx

我正在使用 Visual Studio 代码。如何在 .tsx 文件上启用 emmet?

我想要一个简单的

.foo + tab

扩展到
<div className="Foo"></div>

但是,我尝试的任何内容似乎都没有触发上述所需行为的 emmet。

这是我的 VSC 设置:
  "emmet.triggerExpansionOnTab": true,
  "emmet.includeLanguages": {
        "javascript": "javascriptreact",
        "typescript": "typescriptreact",
    },

最佳答案

我在我的 VS Code 用户设置中设置了这个,它可以按我的需要工作 .tsx文件:

"emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "typescript": "typescriptreact"
}

关于visual-studio-code - 在 VSC 上为 .tsx 文件启用 Emmet,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49738375/

相关文章:

javascript - 检测 VSCode 中未使用的 JavaScript 方法

node.js - 调试时 NodeJS 无响应(在 VS Code 中)

visual-studio-code - vsCode+Emmet autocompletion) - 在命中 'tab' 后在 div 中插入换行符

typescript - 在 VS Code 中保存时格式化 *.tsx 文件

azure - 尝试通过另一个 Web 应用程序调用 Web 应用程序内的 API 时出现错误 - Azure

javascript - 在 jsconfig.json 中找不到“import-resolver-typescript/lib”错误

visual-studio-code - VSCode : Unable to open file

macos - Sublime Emmet 不会扩大冲突

sublimetext - 如何在 Sublime Text 2 中激活 Zen 编码键绑定(bind)?

reactjs - 突出显示导航 Pane 的选定项目