wails-player/README_ZH.md

51 lines
1.2 KiB
Markdown
Raw Normal View History

2024-05-27 20:27:05 +00:00
<p align="left">
<a href="https://github.com/xijaja/wails-template-solid-ts">English</a> |
<strong>中文</strong>
</p>
<h1 align="center">wails-template-solid-ts</h1>
<p align="center">Wails 的模版,开箱即用的 Vite, Solid, TypeScript 并支持热重载</p>
## 使用模版
```bash
wails init -n my-wails-solid -t https://github.com/xijaja/wails-template-solid-ts
```
## 启动调试
在工程目录中执行 `wails dev` 即可启动。
如果你想在浏览器中调试,请在另一个终端进入 `frontend` 目录,然后执行 `npm run dev` ,前端开发服务器将在 http://localhost:34115 上运行。
## Tailwindcss
如果你需要使用 tailwindcss 和 postcss ,请进入 `frontend` 目录,
然后执行命令:
```bash
# 安装
npm install -D tailwindcss@latest postcss@latest autoprefixer@latest
# 初始化 tailwind.config.cjs 和 postcss.config.cjs
npx tailwindcss init tailwind.config.cjs -p
```
创建 tailwind.css 文件并写入:
```css
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
```
最后,在 `frontend/src/index.tsx` 中引入:
```tsx
import "./tailwind.css";
```
## 构建
给你的项目打包,请执行命令: `wails build`