Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/forsartis/vue-cli-plugin-tailwind
vue-cli plugin for Tailwind CSS
https://github.com/forsartis/vue-cli-plugin-tailwind
tailwindcss vue-cli-plugin
Last synced: 13 days ago
JSON representation
vue-cli plugin for Tailwind CSS
- Host: GitHub
- URL: https://github.com/forsartis/vue-cli-plugin-tailwind
- Owner: forsartis
- License: mit
- Created: 2018-09-17T16:24:25.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-03-30T03:10:51.000Z (over 1 year ago)
- Last Synced: 2024-09-22T12:47:25.921Z (about 2 months ago)
- Topics: tailwindcss, vue-cli-plugin
- Language: JavaScript
- Homepage:
- Size: 45.9 KB
- Stars: 211
- Watchers: 4
- Forks: 10
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-tailwindcss - vue-cli-plugin-tailwind - Vue CLI plugin that adds Tailwind CSS to a project. (Tools)
README
# vue-cli-plugin-tailwind
[![Tailwind CSS](https://img.shields.io/badge/tailwindcss-^2.0.2-blue)](https://tailwindcss.com/)
[![License](https://img.shields.io/npm/l/vue-cli-plugin-tailwind.svg)](https://github.com/forsartis/vue-cli-plugin-tailwind/blob/master/LICENSE)A plugin that adds Tailwind CSS to your vue-cli project.
## Getting started
Inside your vue-cli project folder add the plugin via:
```
vue add tailwind
```
Choose what Tailwind config you want to generate:
* **none** - Won't create a config file. Useful if you already have a config (make sure to configure PurgeCSS).
* **minimal** *(default)* - Will create a minimal `tailwind.config.js` file where you can define your customizations.
* **full** - Will generate a `tailwind.config.js` file containing the entire default configuration.See [Tailwinds configuration guide](https://tailwindcss.com/docs/configuration) for more info.
## PostCSS Configuration
Tailwind CSS will be added as plugins in your PostCSS config.
```javascript
// postcss.config.js
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
};
```
## License
[MIT](https://github.com/forsartis/vue-cli-plugin-tailwind/blob/master/LICENSE)