普通 html 项目也可以支持 scss_sass

项目结构示例

下载vscode的插件Live Sass Compiler

自动监听编译scss

下载插件Live Server

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

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

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

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

index.html 引入使用

启动 web 服务器看效果

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

相关推荐
座山雕~4 小时前
html 和css基础常用的标签和样式
前端·css·html
Larcher9 小时前
新手也能学会,100行代码玩AI LOGO
前端·llm·html
小月鸭10 小时前
如何理解HTML语义化
前端·html
BBB努力学习程序设计12 小时前
CSS Sprite技术:用“雪碧图”提升网站性能的魔法
前端·html
BBB努力学习程序设计12 小时前
CSS3渐变:用代码描绘色彩的流动之美
前端·html
阳懿15 小时前
meta-llama-3-8B下载失败解决。
前端·javascript·html
谢彦超oooo19 小时前
HTML5 与前端开发要点
前端·html·html5
STUPID MAN1 天前
Linux使用tomcat发布vue打包的dist或html
linux·vue.js·tomcat·html
hashiqimiya2 天前
html的input的required
java·前端·html
我命由我123452 天前
HTML - 换行标签的 3 种写法(<br>、<br/>、<br />)
前端·javascript·css·html·css3·html5·js