update README.md
This commit is contained in:
33
README.md
33
README.md
@@ -1,7 +1,13 @@
|
|||||||
# Astro Starter Kit: Basics
|
# Astro with DaisyUI Starter Kit: Basics
|
||||||
|
|
||||||
```sh
|
```sh
|
||||||
npm create astro@latest -- --template basics
|
npm create astro@latest
|
||||||
|
|
||||||
|
npm install tailwindcss@latest @tailwindcss/vite@latest daisyui@latest
|
||||||
|
npm install --save-dev --save-exact prettier prettier-plugin-astro
|
||||||
|
|
||||||
|
npx astro add react
|
||||||
|
|
||||||
```
|
```
|
||||||
|
|
||||||
> 🧑🚀 **Seasoned astronaut?** Delete this file. Have fun!
|
> 🧑🚀 **Seasoned astronaut?** Delete this file. Have fun!
|
||||||
@@ -26,7 +32,28 @@ Inside of your Astro project, you'll see the following folders and files:
|
|||||||
└── package.json
|
└── package.json
|
||||||
```
|
```
|
||||||
|
|
||||||
To learn more about the folder structure of an Astro project, refer to [our guide on project structure](https://docs.astro.build/en/basics/project-structure/).
|
## 🧞 Themes
|
||||||
|
|
||||||
|
To change themes
|
||||||
|
|
||||||
|
```
|
||||||
|
// global.css
|
||||||
|
|
||||||
|
@plugin "daisyui";
|
||||||
|
|
||||||
|
|
||||||
|
@plugin "daisyui" {
|
||||||
|
themes: light --default, dark --prefersdark, corporate;
|
||||||
|
}
|
||||||
|
|
||||||
|
```
|
||||||
|
|
||||||
|
```
|
||||||
|
// in html tag
|
||||||
|
|
||||||
|
<html data-theme="corporate" lang="en"></html>
|
||||||
|
|
||||||
|
```
|
||||||
|
|
||||||
## 🧞 Commands
|
## 🧞 Commands
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user