创建项目
项目生成
现在 CLI 已安装,您可以使用 wails init
命令生成一个新项目。
选择您最喜欢的框架:
- Svelte
- React
- Vue
- Preact
- Lit
- Vanilla
使用 JavaScript 生成一个 Svelte 项目:
wails init -n myproject -t svelte
如果您更愿意使用 TypeScript:
wails init -n myproject -t svelte-ts
使用 JavaScript 生成一个 React 项目:
wails init -n myproject -t react
如果您更愿意使用 TypeScript:
wails init -n myproject -t react-ts
使用 JavaScript 生成一个 Vue 项目:
wails init -n myproject -t vue
如果您更愿意使用 TypeScript:
wails init -n myproject -t vue-ts
使用 JavaScript 生成一个 Preact 项目:
wails init -n myproject -t preact
如果您更愿意使用 TypeScript:
wails init -n myproject -t preact-ts
使用 JavaScript 生成一个 Lit 项目:
wails init -n myproject -t lit
如果您更愿意使用 TypeScript:
wails init -n myproject -t lit-ts
使用 JavaScript 生成一个 Vanilla 项目:
wails init -n myproject -t vanilla
如果您更愿意使用 TypeScript:
wails init -n myproject -t vanilla-ts
还有提供不同功能和框架的 社区模板。
要查看其他可用选项,您可以运行 wails init -help
。 更多详细信息可以在 初始化命令 中找到。
项目布局
Wails 项目有以下布局:
.
├── build/
│ ├── appicon.png
│ ├── darwin/
│ └── windows/
├── frontend/
├── go.mod
├── go.sum
├── main.go
└── wails.json
项目结构概要
/main.go
- 主应用/frontend/
- 前端项目文件/build/
- 项目构建目录/build/appicon.png
- 应用程序图标/build/darwin/
- Mac 特定的项目文件/build/windows/
- Windows 特定的项目文件/wails.json
- 项目配置/go.mod
- Go module 文件/go.sum
- Go module 校验文件
frontend
目录没有特定于 Wails 的内容,可以是您选择的任何前端项目。
build
目录在构建过程中使用。 这些文件可以修改以自定义您的构建。 如果从 build 目录中删除文件,将重新生成默认版本。
go.mod
中的默认模块名称是“changeme”。 您应该将其更改为更合适的内容。