atom实时预览css

Atom是一款非常流行的代码编辑器，它有一个很实用的功能，那就是实时预览CSS样式。使用这个功能可以让我们更加快速地修改CSS代码，查看效果。

// 在Atom使用实时预览CSS
// 打开一个HTML文件，使用快捷键Ctrl+Shift+M，或者在菜单栏中点击View>Developer>Toggle Preview
// 在预览窗口中打开一个CSS文件，在其中修改样式时，预览窗口会实时刷新

body {
  background-color: #eee;
}

h1 {
  font-size: 48px;
  color: red;
}

p {
  font-size: 24px;
  color: blue;
}

使用这个功能时，我们可以快速地修改CSS样式，不用来回切换窗口查看效果，可以提高开发效率。

此外，Atom还有很多其他的实用功能，如代码提示、自动补全、代码折叠等等，相信使用过Atom的开发者们都会对这些功能赞不绝口。