整理原始CSS代码的小工具

最新推荐文章于 2025-06-06 01:14:27 发布

原创最新推荐文章于 2025-06-06 01:14:27 发布 · 856 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#CSS代码整理

小工具专栏收录该内容

2 篇文章

订阅专栏

介绍了一个使用Node.js的小工具，能够快速整理杂乱的CSS代码，使其格式化为清晰易读的样式，便于开发者查找和编辑特定的class。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

从网页上F12看到的链接，所对应的CSS代码是不是杂乱无章，让你无从下手呢。这个小工具可以帮你把你要一个一个回车才能很好看清的代码瞬间变得整洁无比，让你一眼就找到你的class

1.效果：

整理前：

原始CSS.png
整理后：
整理后.png

2.使用工具：node

3.原理：遇到 } 就换行

4.代码：

//betterFile.js
var fs=require("fs");
var data=fs.readFileSync('test.css');
var txt=data.toString();
txt=txt.replace(/\}/g,'}\n');
fs.writeFile('test.css',txt,function(err){
  if(err){
    return console.log(err);
  }
  console.log('写入成功！');
});