|
Post by account_disabled on Jan 27, 2024 12:25:50 GMT 2
以下是我们的书《Jump Start Sass》的简短摘录,该书由 Hugo Giraudel 和 Miriam Suzanne 撰写。这是 Sass 初学者的终极指南。SitePoint Premium 会员可以通过其会员资格获得访问权限,或者您可以在世界各地的商店购买副本。 Pause Next Unmute Current Time 0:06 / Duration 2:00 Fullscreen 干净、漂亮的代码应该是每个项目的目标。如果其他开发人员需要进行更改,他们应该能够阅读并理解其中的内容。可读的代码是可维护性的核心,而实现可读代码的第一步就是良好的linter。就像一个好的拼写检查器一样,linter 应该捕获所有小的拼写错误和格式错误,因此不会留给其他人这样做。这是与其他开发人员进行良好代码审查之前的第一道防线。 Sass 有几个很棒的 linter:scss-lint是一个 Ruby gem,以及较新的sasslint和stylelint,它们是 Node 的 npm 包。 两者都允许您为项目配置 linting 规则,例如最大嵌套级别、小数上的前导零以及块中属性的组织。您甚至可以根据需要创建自己的规则。 Sass 指南可以方便地组织您的项目、设置 linter、建立命名约定等。它由 Hugo 编写,是代码的固执己见的样式指南;它可能并不适合您,但它是一个很好的起点。 如果您使用 Sass 变量、函数和 mixins,建议您记录它们的工作原理。工具包作者会发 WhatsApp 号码数据 现它特别重要,但是任何在项目中内置了广泛工具的人也应该考虑为他们的团队提供文档。Hugo 的另一个很棒的工具是SassDoc,它是一个 npm 包,可以解析您的 Sass 注释并使用您的文档生成一个漂亮的静态站点。 这是我们在 Accoutrement-Colors 中的函数的 SassDoc 注释tint(..)。它以一般描述开始,然后明确记录每个参数和预期返回使用默认主题(有多个主题可供选择,或者您可以设计自己的主题),SassDoc 将该评论转换为静态网站,如下所示。 如果您正在使用函数或 mixins 进行任何复杂的操作,测试也很重要。这是确保您的代码在任何调整时都不会中断的好方法,而且它也有助于开发新功能。如果您先编写测试,那么当测试通过时您就会确切地知道该功能是否正常工作! True是真正的单元测试工具包,用纯 Sass 编写,因此它可以在任何编译 Sass 的地方工作。核心测试发生在断言函数中 编译时,True 将输出带有详细结果的 CSS 注释,并在任何测试失败时在控制台中向您发出警告返回以给定权重与白色混合的颜色。但它们正在测试 mixin 输出。使用纯 CSS,True 只能确认功能测试的结果,因此 mixin 测试只是输出到 CSS,在那里可以手动比较(粗略)或使用 CSS 解析器(更好!)。为了让这一切变得简单,True 与Mocha等 JavaScript 测试运行程序集成,并具有由Scott Davis编写的 Ruby 命令行界面。
|
|