前端vscode中好用的scss插件推荐

一、Live Sass Compiler

前端vscode中好用的scss插件推荐_第1张图片

Live Sass Compiler是 Visual Studio Code (VSCode) 中非常流行的一个插件,用于将Sass/SCSS文件实时编译为标准的 CSS 文件。Sass(Syntactically Awesome Style Sheets)是一种 CSS 预处理器,提供了变量、嵌套、混合(Mixins)、继承等强大功能,而 Live Sass Compiler 插件可以帮助开发者将这些高级功能转换为浏览器可识别的 CSS。

二、htmltoscss

前端vscode中好用的scss插件推荐_第2张图片

htmltoscss这款插件能够直接将 HTML 结构转换为 SCSS 结构,不仅减少了开发过程中繁琐的复制粘贴操作,还为你争取了更多“摸鱼”时间,亲测效果极佳!(目前知道的人还不多哦~)如果再搭配Live Sass Compiler使用,SCSS 的编写体验将更上一层楼,效率翻倍,简直不要太爽!

三、Prettier - Code formatter

前端vscode中好用的scss插件推荐_第3张图片

Prettier - Code Formatter是一款代码格式化神器!它能自动统一代码风格,支持 JavaScript、HTML、CSS、SCSS、JSON 等多种语言。只需一键,杂乱代码瞬间变整洁,团队协作更高效。告别风格争论,专注写代码!快来试试吧,让你的代码焕然一新!

你可能感兴趣的:(前端,vscode,scss)