VS Code无法识别新的HTML文件

时间:2019-04-28 05:02:13

标签: html css visual-studio-code

在VScode中创建了一个新的html文件。但是,尽管HTML可以识别链接的CSS文件,但是CSS无法识别HTML,因此我无法在CSS中添加任何内容来进一步编辑该类。

在其他HTML文件之间也无法识别新的HTML。

我看到了一个我认为是类似问题的答案,并使用了file.association,并将以下内容添加到JSON设置中。

"files.associations": 
    {"*.extension": "html"},

这是第一次通过VS Code创建HTML文件,因为最初我打开该文件夹时,所有文件都从另一个程序继承过来。

这是从HTML继承的具有类似代码的代码。唯一的区别是该类现在已重置为完全

再次重申,我无法在CSS文件中调用该类。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>'Thank you!'</title>
    <link rel="stylesheet" type="text/css" href="C:\Users\jacob\WebstormProjects\FormDesign\assets\stylesheet\stylesheet.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
</head>
<body>
<div class="resetcomplete">
       <p>You're password has been reset! Please follow the link sent to your email address.</p>
    <form>
         <a href="form.html">Back to login screen</a><br>
    </form>
</div>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

VSCode出于某种原因无法将CSS格式化为单独的文件。如果CSS放在HTML文档的<style>标记内,则应该可以使用。由于VSCode本身对CSS不利,因此许多人选择下载格式扩展。它们可以在这里找到:https://marketplace.visualstudio.com/search?term=css%20formatter&target=VSCode&category=All%20categories&sortBy=Relevance