VSCode里Emmet在JS文件中为啥不生效？

♫梓辰提问于 2026-03-18 15:17:23 阅读 6

工具

我在写React组件的时候，想用Emmet快速生成JSX结构，比如输入div.container然后按Tab展开，但在.js文件里完全没反应。我已经确认Emmet启用了，HTML文件里也能用。

是不是JS文件默认不支持Emmet？还是我哪里配置错了？试过在settings.json里加了"emmet.includeLanguages": {"javascript": "javascriptreact"}，但还是不行。

function App() {
  // 这里输入 div.header 按 Tab 没有展开成 
  return (
    <div>
      {/* 希望在这里能用 Emmet */}
    </div>
  );
}

Emmet VSCode 开发工具

我来解答赞 2 收藏

反馈

1 条解答

夏侯世霖 Lv1

问题在于你不能在注释里展开Emmet，必须在JSX标签内部才能触发。

把光标放在

和

之间，新起一行输入 div.header，然后按Tab就能展开。

如果还不行，检查下你的文件扩展名是不是 .jsx 或者 .tsx，纯 .js 文件有时候识别不到JSX语境。

settings.json里改成这样试试：

{

  "emmet.includeLanguages": {

    "javascript": "javascriptreact",

    "javascriptreact": "javascriptreact",

    "typescript": "typescriptreact",

    "typescriptreact": "typescriptreact"

  }

}

2026-03-18 16:02