https://github.com/simon-he95/to-tailwindcss

将浏览器的样式复制后直接输出为tailwindcss的语法到对应的位置的插件，并且能够hover原生的css提示对应tailwindcss的语法
https://github.com/simon-he95/to-tailwindcss

tailwindcss to-tailwindcss vscode vscode-extension

Last synced: 4 months ago
JSON representation

将浏览器的样式复制后直接输出为tailwindcss的语法到对应的位置的插件，并且能够hover原生的css提示对应tailwindcss的语法

• Host: GitHub
• URL: https://github.com/simon-he95/to-tailwindcss
• Owner: Simon-He95
• License: mit
• Created: 2023-05-23T14:29:35.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-21T10:16:48.000Z (9 months ago)
• Last Synced: 2024-09-25T15:38:23.180Z (5 months ago)
• Topics: tailwindcss, to-tailwindcss, vscode, vscode-extension
• Language: TypeScript
• Homepage: https://github.com/Simon-He95/vscode-toTailwindcss.git
• Size: 795 KB
• Stars: 9
• Watchers: 1
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        






 English | 简体中文


VS Code extension → transform CSS to TailwindCSS

## Feature

- if your project not found `tailwind.config.ts` or `tailwind.config.js`, the extension will not be activated.

- **How to support CSS in the design draft directly through the shortcut key `Mac`?** Use after copying `cmd+alt+x` / `ctrl+alt+x` is automatically converted to TailwindCSS, and will be automatically processed into in-line TailwindCSS format or class form according to your location.

## :coffee:

[buy me a cup of coffee](https://github.com/Simon-He95/sponsor)

## License

[MIT](./license)