51 lines
1.2 KiB
Markdown
51 lines
1.2 KiB
Markdown
<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` 。
|