atomic-css-snippets 1.0.3
atomic-css-snippets是一款专为小程序开发者设计的CSS插件，通过快捷键快速生成符合特定规则的原子CSS代码块，极大提升了开发效率。该插件特别针对小程序对特殊符号的不支持，重新定义了一套语义化的类名命名规则，方便调用和维护。主要功能：快捷生成代码块：在CSS文件中输入相应的快捷键，即可快速呼出并生成所需的CSS代码块，如宽度（.w）、高度（.h）、边距（.m）、填充（.p）等。语
功能介绍
atomic-css-snippets是一款专为小程序开发者设计的CSS插件，通过快捷键快速生成符合特定规则的原子CSS代码块，极大提升了开发效率。该插件特别针对小程序对特殊符号的不支持，重新定义了一套语义化的类名命名规则，方便调用和维护。
主要功能：
- 快捷生成代码块： 在CSS文件中输入相应的快捷键，即可快速呼出并生成所需的CSS代码块，如宽度（.w）、高度（.h）、边距（.m）、填充（.p）等。
- 语义化命名规则： 插件采用统一的类名命名规则，使代码更具语义化，易于理解和维护。
- 支持rpx单位： 目前该插件主要支持rpx单位，专为小程序开发设计，未来将考虑扩展到更多单位和应用场景。
快捷键示例：
| 快捷键 | 对应的CSS代码块 |
|---|---|
| .w | width: xx rpx; |
| .wp | width: xx rpx; |
| .mw | max-width: xx rpx; |
| .mwp | max-width: xx %; |
| .miw | min-width: xx rpx; |
| .miwp | min-width: xx %; |
| .h | height: xx rpx; |
| .mh | max-height: xx rpx; |
| .mih | min-height: xx rpx; |
| .t | top: xx rpx; |
| .l | left: xx rpx; |
| .r | right: xx rpx; |
| .b | bottom: xx rpx; |
| .zi | z-index: xx; |
| .p | padding: xx rpx; |
| .p2 | padding: xx xx; |
| .p3 | padding: xx xx xx; |
| .p4 | padding: xx xx xx xx; |
| .pt | padding-top: xx rpx; |
| .pl | padding-left: xx rpx; |
| .pr | padding-right: xx rpx; |
| .pb | padding-bottom: xx rpx; |
| .m | margin: xx; |
| .m2 | margin: xx xx; |
| .m3 | margin: xx xx xx; |
| .m4 | margin: xx xx xx xx; |
| .mt | margin-top: xx rpx; |
| .ml | margin-left: xx rpx; |
| .mr | margin-right: xx rpx; |
| .mb | margin-bottom: xx rpx; |
| .m1a | margin: xx auto; |
| .m2a | margin: xx auto xx; |
| .bds | border: xx solid #color; |
| .bds-l | border-left: xx solid #color; |
| .bds-r | border-right: xx solid #color; |
| .bds-t | border-top: xx solid #color; |
| .bds-b | border-bottom: xx solid #color; |
| .bdda | border: xx dashed #color; |
| .bdda-l | border-left: xx dashed #color; |
| .bdda-r | border-right: xx dashed #color; |
| .bdda-t | border-top: xx dashed #color; |
| .bdda-b | border-bottom: xx dashed #color; |
| .bddo | border: xx dotted #color; |
| .bddo-l | border-left: xx dotted #color; |
| .bddo-r | border-right: xx dotted #color; |
| .bddo-t | border-top: xx dotted #color; |
| .bddo-b | border-bottom: xx dotted #color; |
| .br | border-radius: xx; |
| .br2 | border-radius: xx xx; |
| .br3 | border-radius: xx xx xx; |
| .brp | border-radius: xx %; |
| ... | ... |
未来展望：
atomic-css-snippets将持续优化，未来计划支持更多单位和应用场景，以满足开发者的多样化需求。无论您是小程序开发新手还是经验丰富的开发者，都可以通过此插件快速生成所需的CSS代码块，提升开发效率。
版本声明
本文转载于：https://marketplace.visualstudio.com/items?itemName=swh.atomic-css-snippets 如有侵犯，请联系study_golang@163.com删除
更多
相关下载
查看更多
课程推荐
-
- Golang云原生架构师课程
- Go是一门并发支持、垃圾回收的编译型系统编程语言；本课程转载自哔哩哔哩：https://www.bilibili.com/video/BV1Mh411M7A
- 204次学习
-
- MySQL数据管理之备份恢复案例解析视频教程
- 《MySQL数据管理之备份恢复案例解析视频教程》MySQL是一个开放源码的小型关联式数据库管理系统，目前MySQL被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库。
- 160次学习
-
- MySQL索引优化解决方案
- 本套课程是根据MySQL索引的设计理念与数据结构、索引使用场景、索引分类、索引运用场景、索引性能分析、查询优化、MySQL索引的慢查询等组成，主要讲述了MySQL索引优化的解决方案，非常适合有MySQL使用基础或者有一定工作经验的同学。课程讲解了解决大数量查询慢的问题、如何编写一个高效的SQL、查询语句应该如何优化、索引的实现原理是什么、索引又应该如何优化...等诸多SQL索引优化的难点和面试点。
- 182次学习
-
- 极客学院Docker视频教程
- Docker是PaaS提供商dotCloud开源的一个基于LXC的高级容器引擎，源代码托管在Github上,基于go语言并遵从Apache2.0协议开源。Docker自2013年以来非常火热，无论是从github上的代码活跃度，还是各大厂商的支持，都使Docker成为了时下最受关注的技术，甚至微软都声称在下一代WindowsServer中集成对Docker的支持。所以我们收集了《极客学院Docke
- 243次学习
-
- Golang进阶实战编程
- 本课程是在《Go语言基础视频》基础之上录制的，是Go语言基础的后半部分。包括包的管理，IO操作，Go语言最大的亮点：高并发，goroutine，channel，反射等。本视频主要为了帮助Go语言的初学者，从零到一的快速入门。学完本套课程，可以学会如果通过包管理Go项目，并发模型，以及并发实现，channel通道如何传递数据，反射等等。
- 127次学习
-
- JavaScript极速入门
- 本套课程将帮助大家迅速掌握JavaScript这门高端的、动态的、弱类型编程语言。知识点简单明了，让你学习0压力，适合新手观看学习......
- 431次学习
查看更多
相关文章
-
- Golangmap实践及实现原理解析
- 2022-12-28 505浏览
-
- GoLand调式动态执行代码
- 2023-01-13 502浏览
-
- 试了下Golang实现try catch的方法
- 2022-12-27 502浏览
-
- 用Nginx反向代理部署go写的网站。
- 2023-01-17 502浏览
-
- MySQL主从切换的超详细步骤
- 2023-01-01 501浏览
-
- Mysql-普通索引的 change buffer
- 2023-01-25 501浏览
