欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 财经 > 产业 > 普通 html 项目也可以支持 scss_sass

普通 html 项目也可以支持 scss_sass

2025/5/2 23:43:51 来源:https://blog.csdn.net/u014617119/article/details/147652863  浏览:    关键词:普通 html 项目也可以支持 scss_sass

项目结构示例

在这里插入图片描述

下载vscode的插件Live Sass Compiler

自动监听编译scss

在这里插入图片描述

下载插件Live Server

用于 web 服务器,打开 html 文件到浏览器,也可以不用这个,自己用 nginx 或者宝塔其他 web 工具

在这里插入图片描述

新建一个 index.scss打开,点击 vscode 底部的按钮启动监听

每次修改 scss 文件,都是会自动生成 index.css,项目引入这个文件使用

在这里插入图片描述

在这里插入图片描述

根目录已生成同名的 css 文件

在这里插入图片描述

index.html 引入使用

在这里插入图片描述

启动 web 服务器看效果

在这里插入图片描述

点击按钮后,会自动打开默认浏览器打开页面

在这里插入图片描述

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词