https://github.com/archtaurus/tailwindcssplayground
TailwindCSS Playground
https://github.com/archtaurus/tailwindcssplayground
Last synced: 3 months ago
JSON representation
TailwindCSS Playground
- Host: GitHub
- URL: https://github.com/archtaurus/tailwindcssplayground
- Owner: archtaurus
- License: mit
- Created: 2021-03-05T01:50:04.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2021-03-05T07:44:19.000Z (over 5 years ago)
- Last Synced: 2025-02-24T01:12:19.173Z (over 1 year ago)
- Language: HTML
- Homepage:
- Size: 21.5 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# TailwindCSS Playground
This repository is a playground for TailwindCSS. `code . & npm start` and have fun.
## Use this repository
``` shell
git clone git@github.com:archtaurus/TailwindCSSPlayground.git
cd TailwindCSSPlayground
npm i -D
code . & npm start
```
## Build it by yourself
``` shell
mkdir TailwindCSSPlayground
cd TailwindCSSPlayground
echo '{
"name": "tailwindcss_playground",
"scripts": {
"start": "vite --open"
},
"author": "Zhao Xin <7176466@qq.com>",
"license": "MIT",
"devDependencies": {
"autoprefixer": "^10.2.4",
"postcss": "^8.2.7",
"tailwindcss": "^2.0.3",
"vite": "^2.0.5"
}
}' > package.json
npm i -D
npx tailwindcss init -p
echo "export default {
root: 'src',
server: {
port: 8000,
host: 'localhost',
},
}" > vite.config.js
mkdir src
curl "https://tailwindcss.com/favicon-32x32.png" -o src/tailwindcss.png
echo "@tailwind base;
@tailwind components;
@tailwind utilities;" > src/style.css
echo '
TailwindCSS Playground
TailwindCSS Playground
' > src/index.html
code . & npm start
```