【发布时间】：2020-08-28 14:32:31
【问题描述】：
我只是意识到有两种情况（据我所知）我的 VSCode 没有 "style" 我的 模板中的内容字符串。 一种是当我在 javascript 文件上编写 CSS 时，另一种是当我试图从 GraphQL 获取数据时。 我会解释的！
以下是我的代码，然后是结果：
const SyleHero = styled.header`
min-height: 60vh;
background: url("./images/defaultBcg.jpeg") center/cover no-repeat;
display: flex;
align-items: center;
justify-content: center;
`;我可以看到反引号内的绿色文字如下：
但我想要的结果如下：
我的代码按原样运行良好，但我相信如果我能像上图那样看到我的代码会更方便。
有谁知道我怎样才能得到相同的结果？
谢谢大家！
【问题讨论】：
-
我已经安装了Babel Javascript extension，但我不确定今天是否还需要它。
-
vscode 应该如何知道字符串的内容（不是模板/动态部分）实际上是什么？最后它只是一个带有添加/“执行”代码选项的字符串。
-
谢谢埃米尔！我刚刚安装了 Babel，我知道我可以看到它“样式化”了哈哈！
标签： javascript css reactjs visual-studio-code graphql