xijaja / wails-template-solid-tailwindcss

拥有漂亮侧边栏的 wails 模版

English | 中文

wails-template-solid-tailwindcss

Wails template which includes: Vite, Solid, TypeScript out of the box

Preview

Use this template

wails init -n my-wails-app -t https://github.com/xijaja/wails-template-solid-tailwindcss

Live Development

Run wails dev in the project directory to start it.

If you want to debug in the browser, please enter the frontend directory in another terminal, and then execute npm run dev, the front-end development server will run on http://localhost:34115.

Tailwindcss

If you need to use tailwindcss and postcss, please enter the frontend directory, Then run the command:

# isntall
npm install -D tailwindcss@latest postcss@latest autoprefixer@latest

# init tailwind.config.cjs and postcss.config.cjs
npx tailwindcss init tailwind.config.cjs -p

Create tailwind.css file and write:

@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

Finally, import in frontend/src/index.tsx:

import "./tailwind.css";

Building

To build a redistributable, production mode package, use wails build.