css-fx-layout Snippets for VS Code是一款强大的扩展，旨在提升您的Flexbox开发效率。该扩展为css-fx-layout提供了一系列便捷的代码片段，这是一个受Angular Flex-Layout启发的轻量级、模块化的SCSS Flexbox库。

主要功能：

• 快速开发：通过易于使用的代码片段加速您的编码过程。
• 简化Flexbox设计：使用CSS类或data-属性快速实现Flexbox设计。
• 响应式布局：利用预定义的断点创建响应式布局。
• 多样化的选择器：在CSS类和HTML data-属性之间选择，以控制布局。

安装方法：

1. 打开VS Code。
2. 通过点击侧边栏中的方形图标或按下Ctrl Shift X进入扩展视图。
3. 搜索css-fx-layout Snippets。
4. 点击安装按钮。

代码片段示例：

• data-layout, data-layout-align：用于Flexbox控制的HTML属性。
• data-layout-gap：用于Flex容器中间隙的属性。
• data-hide-, data-show-：根据屏幕大小控制可见性的属性。
• data-flex：控制元素的Flex行为的属性。

使用方法：

在您的HTML或CSS文件中开始输入前缀，对应的代码片段建议将会出现。选择您需要的片段并按下Enter键插入。

贡献：

欢迎为增强这些代码片段或添加新片段做出贡献。请在GitHub仓库中提交您的拉取请求或问题。

许可证：

此扩展在MIT许可证下发布。

享受开发乐趣！