Tailwind Converter（原名Less/CSS to Tailwind CSS）是一款为Visual Studio Code设计的扩展程序，旨在帮助开发者将现有的LESS、CSS、SCSS和SASS文件转换为Tailwind CSS语法，从而简化采用Tailwind CSS框架的流程。

主要功能：

• 无缝转换：轻松将现有的LESS/CSS/SCSS/SASS代码转换为Tailwind CSS。
• 集成工作流程：在编辑器内直接执行转换，提供流畅的开发体验。
• 快捷键支持：使用简单键盘快捷键快速触发转换。

安装指南：

要安装Tailwind Converter，请按照以下步骤操作：

1. 打开Visual Studio Code。
2. 按Ctrl Shift X或导航至扩展视图。
3. 搜索"Tailwind Converter"。
4. 点击安装按钮。

您也可以直接从Visual Studio Code Marketplace安装。

使用方法：

安装后，按照以下步骤转换您的代码：

1. 在VS Code中打开您的.less、.css、.sass或.scss文件。
2. 选择您希望转换的代码片段。如果没有选中文本，将转换整个文件。如果不是CSS文件，将生成一个新的文件，新的文件后缀为.converted-tailwind.css，该文件与当前转换的文件位于同一级别。
3. 通过右键点击并从上下文菜单中选择“Convert LESS/CSS/SCSS/SASS to Tailwind CSS”，或使用指定的键盘快捷键触发转换。

键盘快捷键：

默认的转换代码键盘快捷键为：

• Windows/Linux：Ctrl Alt T
• macOS：Ctrl Cmd T

要自定义键盘快捷键，请执行以下操作：

1. 用Ctrl Shift P打开命令面板。
2. 输入“Open Keyboard Shortcuts”并选择它。
3. 搜索“Convert LESS/CSS/SCSS/SASS to Tailwind CSS”。
4. 输入您的新键绑定。

激活事件：

扩展程序在以下情况下激活：

• 执行命令extension.tailwind-converter时。
• 编辑LESS/CSS/SCSS/SASS语言模式的文件时。

要求：

确保您已安装Visual Studio Code 1.75.0或更高版本以使用此扩展。

发布说明：

用户在您更新扩展程序时会欣赏发布说明。

0.0.1

• “Less/CSS to Tailwind CSS”的初始发布。

0.1.0

• “Tailwind Converter”的初始发布。支持更多语法。

作者：

Mok - wensszzmmd10844@gmail.com

许可证：

根据MIT许可证分发。有关更多信息，请参阅LICENSE。

支持：

如需支持，请发送电子邮件至wensszzmmd10844@gmail.com或通过社交媒体联系我们。