unocss配置

原子化CSS

在聊unocss之前首先需要知道什么是原子化CSS。原子化CSS是设计和构建现代CSS所用到的一种CSS框架，类似的框架有windicss，tailwindcss，这两个框架都比unocss早，但是unocss比他们更轻量，并且具有高性能、速度快的有点。

与UI框架的差异

原子化CSS可以实现不脱离HTML DOM进行页面元素的设计实现，UI框架只能通过组合有限的组件样式，有限的布局进行页面设计，从这点看来，原子化CSS具有强大的灵活性。

vscode配置

1. 配置拓展

搜索unocss拓展并安装

2. VSCODE中settings.json配置

"editor.quickSuggestions": {
  "strings": true,
  "other": true,
  "comments": true,
},