功能 使用AST 对比css,找出差异处。 使用 直接粘贴符合语法规则的CSS 片段到编译器,右边会与左边进行对比。 编译器下方会展示行数,点击可直接跳转对应行。 红色代表语法错误; 绿色代表右边代码块不存在于左边; 黄色代表右边属性名或属性值与左边相同rule 下不一致; 依赖 使用CSSTree 解析代码、处理AST节点。 使用monaco-editor 进行代码编辑及对”行“的操作,如滚动到行与某行样式。