Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>css/scss/less formatterNew to Visual Studio Code? Get it now.
css/scss/less formatter

css/scss/less formatter

zdldove

|
3,325 installs
| (3) | Free
Format CSS / SCSS / LESS into a single line and easy to read
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

css formatter

使用方法

打开css / scss

格式化选中行: 选中需要格式化的行(只选一部分也算),按 F8

格式整个文档: alt + shift + F

效果展示

avatar

avatar

更新记录

v1.0.13 修复注释不可用

v1.0.12 规范修改, 分号后面补空格

v1.0.11 规范修改, 冒号后面补空格

... 忘记写了, 现在已经懒得补了

v1.0.5 注释独占一行[debug]

v1.0.4 F12快捷键改为兼容vscode代码格式化的shift + alt + F

v1.0.3 分类改为Formatters,兼容@charset @import语法, 兼容 :not(:first-child) 语法

v1.0.2 (stable)添加插件的分类方便查找

v1.0.1 兼容scss遍历函数, 兼容base64图片,去掉声明类下一行的小空格

v1.0 添加logo,合并到作者主仓库,废弃开发分支仓库

v0.0.5 添加分号后面补空格,修复冒号补空格的bug

V0.0.4 添加快捷键功能,添加选中区域格式化功能

v0.0.3 属性的:后面加入空格

v0.0.2 缩进改成两格

v0.0.1 可以格式化css/scss代码

计划

  • 愿望单
  • issue

最后,这是作者的发布会(微信)群的二维码,加下群,方便作者乞讨

放图片没办法自动更新, 这里是群二维码链接

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft