C#小轮子:Visual Studio自动编译Sass文件

文章目录

  • 前言
  • 插件安装
  • 插件使用
    • compilerconfig.json
      • sass输入和css输出(自动生成)
      • 默认配置(我不懂就不去动他了)
    • 解决Blazor热重载Bug

前言

我们知道css文件用起来太麻烦,如果样式一多,嵌套起来用css样式就眼花缭乱。Sass使用层次解决很好的解决css的问题。不过sass最终会编译成css文件,visual Studio用的还是css文件。

插件安装

Web Compiler 2022+ 微软市场安装

C#小轮子:Visual Studio自动编译Sass文件_第1张图片

插件使用

新建一个sass文件
C#小轮子:Visual Studio自动编译Sass文件_第2张图片
C#小轮子:Visual Studio自动编译Sass文件_第3张图片
C#小轮子:Visual Studio自动编译Sass文件_第4张图片
C#小轮子:Visual Studio自动编译Sass文件_第5张图片

compilerconfig.json

sass输入和css输出(自动生成)

C#小轮子:Visual Studio自动编译Sass文件_第6张图片

默认配置(我不懂就不去动他了)

C#小轮子:Visual Studio自动编译Sass文件_第7张图片

解决Blazor热重载Bug

我也不知足Blazor热重载到底有啥问题,但是至少你css热重载得没问题,页面元素出问题也就出问题算了。
C#小轮子:Visual Studio自动编译Sass文件_第8张图片

C#小轮子:Visual Studio自动编译Sass文件_第9张图片
C#小轮子:Visual Studio自动编译Sass文件_第10张图片
C#小轮子:Visual Studio自动编译Sass文件_第11张图片

你可能感兴趣的:(C#,小轮子,Blazor简单教学,MAUI+Blazor,visual,studio,sass,ide)