尝试在vs代码中使用emmet和react应用程序

时间:2018-06-07 21:15:13

标签: reactjs visual-studio-code emmet

我正在使用Visual Studio Code并创建一个React App。据我所知,Vsc配备了Emmet,但它不适用于我的React App。我已尝试将以下代码放入设置中。

"emmet.includeLanguages": {
"javascript": "javascriptreact",
"xml": {
  "attr_quotes": "single"
 }
 },
"emmet.triggerExpansionOnTab": true,

6 个答案:

答案 0 :(得分:2)

将此添加到设置JSON:

@Entity
public class A {

    private long id;

    @ManyToOne
    private B b;

    // ...
}

@Entity
public class B {

    private long id;
    private String str;
    private boolean bool;

    @OneToMany
    @JsonIgnore
    Set<A> aList;
    // ...
}

答案 1 :(得分:1)

VS代码有一个很好的React.js扩展名为&#34; Reactjs代码片段&#34;这是链接https://marketplace.visualstudio.com/items?itemName=xabikos.ReactSnippets,希望你喜欢它。

答案 2 :(得分:1)

这包括 reactJS 到包含的语言,可以在设置中找到。 Emmet doesn't support all languages by default so you need to include some languages manually. 这就是问题所在,可以通过以下方式解决:

将此代码片段添加到您的 settings.json

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

答案 3 :(得分:1)

安装扩展 Emmet

转到 setting.json 然后添加:

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

答案 4 :(得分:1)

进入您的 settings.json 文件并在“配置”对象内粘贴:

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

答案 5 :(得分:0)

{
  "emmet.excludeLanguages": ["markdown"],

  "emmet.includeLanguages": {

    "javascript": "javascriptreact"

  }
}

将此添加到您的JSON。