https://github.com/program247365/tailwindcss-now

A little bash script to get you started experimenting with TailwindCSS now!
https://github.com/program247365/tailwindcss-now

Last synced: about 6 hours ago
JSON representation

A little bash script to get you started experimenting with TailwindCSS now!

• Host: GitHub
• URL: https://github.com/program247365/tailwindcss-now
• Owner: program247365
• License: mit
• Created: 2022-02-09T19:21:04.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-12-06T14:29:20.000Z (about 1 year ago)
• Last Synced: 2024-04-16T07:02:07.839Z (9 months ago)
• Language: Shell
• Size: 586 KB
• Stars: 4
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 🌈  TailwindCSS Now

> A bash script that gets you developing in TailwindCSS in under eight seconds!

![CLI Output](./screenshots/cli-output.png "CLI Output")

![Start Page](./screenshots/start-page.png "Start Page")

## Getting Started

### One Liner!

`bash <(curl -s https://raw.githubusercontent.com/program247365/tailwindcss-now/main/twnow.sh)`

### Clone Locally

1. `git clone https://github.com/program247365/tailwindcss-now.git`

2. Run `cd tailwdincss-now && ./twnow.sh`

3. Edit your `src/index.html` to see instant changes!

## How It Works

* The bash script writes out all the files you need in one go - writes files, starts server to watch live changes:

  * `package.json` with NPM scripts

    * `npm run start` which serves and then opens the page for you at [http://127.0.0.1:8080/](http://127.0.0.1:8080/)

    * `npm run serve` which watches your changes with [live-server](https://github.com/compodoc/live-server)

  * `index.html` file with TailwindCSS lib via CDN, and config embedded in the HTML