时间戳

首页 > 解决方案 > visual studio code html css javascript程序在我的浏览器中没有正确显示

javascript - visual studio code html css javascript程序在我的浏览器中没有正确显示

问题描述

我正在使用该教程系列：https ://www.youtube.com/watch?v=7WaohfclZRs （该链接是该系列中的第三个视频，我已经与第一个和第二个视频一起编写）

现在我已经安装了 Visual Studio Code 并安装了所有的扩展，比如“Live Server”等等。我已经编写了本教程。但是当我在 index.html 文件中单击“使用 Live Server 打开”时，它只会打开 html 文件。我也编写了 main.scss 和 _config.scss 文件。所以我在那里编码的所有东西都不会出现。

我的意思是，这应该是合乎逻辑的：当我单击 index.html 以“使用 Live Server 打开”时，它仅在我的浏览器中运行该 html 文件，而不是任何与 scss 的...但我不知道我应该做什么这样 main.scss 文件和 _config.scss 文件也会在我的浏览器中执行。

我应该怎么办？

从 28.08.2020 开始编辑：所以我已经尝试了您告诉我的内容，但仍然无法正常工作。

这就是我的 Visual Studio 代码的样子

这就是我用扩展名“Sass Live Compiler”打开它时看到的内容，例如，当我点击那里的 Watch Sass 然后点击 Live

这就是我右键单击 index.html 打开它并单击“使用 Live Server 打开”时的样子

我检查了 node.js 和 Visual Studio 是否安装正确。我不知道该怎么办了。

标签： javascripthtmlcssvisual-studio-codesass

解决方案

我不确定这是否是错误，但也许你没有编译 sass 文件，就像评论中所说的那样。Saas 文件不能在浏览器中运行，只有 CSS 文件。

要在 VScode 中编译 sass 或 scss 文件，我推荐一个名为 Live Saas Compiler 的扩展，它将编译 sass 文件并生成一个 css 文件。

推荐阅读