前言
我们知道css文件用起来太麻烦,如果样式一多,嵌套起来用css样式就眼花缭乱。Sass使用层次解决很好的解决css的问题。不过sass最终会编译成css文件,visual Studio用的还是css文件。
插件安装
Web Compiler 2022+ 微软市场安装
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/c10541e420b197df0ee5ee0011a976ab.png)
插件使用
新建一个sass文件
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/0258388ca024d3973b27c9196cd8d9d5.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/893f2a67f1833f89c525c83d4a73c290.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/9fc0f3b81104dfddedf7ce2e14839575.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/64041a5df70397f42829177887d1f92c.png)
compilerconfig.json
sass输入和css输出(自动生成)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/5b576626df24f935ab4684a7733cc304.png)
默认配置(我不懂就不去动他了)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/0008d42df129b682f933223e22aad5dd.png)
解决Blazor热重载Bug
我也不知足Blazor热重载到底有啥问题,但是至少你css热重载得没问题,页面元素出问题也就出问题算了。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a9ba0692bb8922e910e41ec275ad88bb.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/cb3557a0477c76afa0f5f223d6c3009b.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a52471e1cc65f52e8d7722b40c47b35f.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/b6df87b5474e34d797ab6c5153b939a0.png)