“ES7 React/Redux/GraphQL/React-Native 片段”不适用于 javascript 文件。除了安装它，我还需要配置其他东西吗？

Posted 2023-03-14

【中文标题】“ES7 React/Redux/GraphQL/React-Native 片段”不适用于 javascript 文件。除了安装它，我还需要配置其他东西吗？

【英文标题】："ES7 React/Redux/GraphQL/React-Native snippets" is not working for javascript file. Do I need to configure something else than just installing it?

【发布时间】：2022-01-15 16:09:53

【问题描述】：

我正在编辑一个 javascript 文件，当我写道：pHello 我希望它转换为 <p>Hello</p> 。但它似乎没有发生。我还需要做些什么来在 VS Code 中配置此扩展以使其正常工作吗？代码如下。

import React,  Component  from "react";

const ArrowHeader = () => 
  return(
    pHello
  )

class App extends Component 
  render() 
    return (
      <div className="App">
        <h1>Hello Scaler</h1>
      </div>
    );
  


export default App;

【问题讨论】：

记住你提供的数据越多，帮助就越多，并尝试让你的问题可搜索，现在你的标题不适合你的内容，因为它太宽泛了。

谢谢，从现在开始我一定会记住这一点的。

【参考方案1】：

pHello 不是一个组件。 如果要显示<p>Hello</p>，则需要创建自定义组件。

【讨论】：

不，实际上我是在尝试使用 sn-ps，即我希望 pHello 在按回车键时转换为

【参考方案2】：

其实问题不在于 ES7 扩展，而是 emmet 没有配置 javascript 文件，添加 javascript 作为 emmet 的语言后就可以正常工作了。

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。

【参考方案3】：

-尝试将其添加到您的 settings.json 文件中：

"emmet.includeLanguages": 
        "javascript": "javascriptreact"
    

-如果你不想要那个配置，你可以手动把每个文件的 Language Mode 改成 JavaScript React：

打开 .js 文件后，单击语言模式选择器： Language Mode Selector

搜索 JavaScript React（或 JSX）：Select JavaScript React

检查是否应用正确：JSX Mode applied