扬州网站建设公司,wordpress 建网站,廊坊企业建站,关键词优化诊断项目生成
现在 CLI 已安装#xff0c;您可以使用 wails init 命令生成一个新项目。
选择您最喜欢的框架#xff1a;
SvelteReactVuePreactLitVanilla
使用 JavaScript 生成一个 Vue 项目:
wails init -n myproject -t vue如果您更愿意使用 TypeScript:
wails init -…项目生成
现在 CLI 已安装您可以使用 wails init 命令生成一个新项目。
选择您最喜欢的框架
SvelteReactVuePreactLitVanilla
使用 JavaScript 生成一个 Vue 项目:
wails init -n myproject -t vue如果您更愿意使用 TypeScript:
wails init -n myproject -t vue-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”。 您应该将其更改为更合适的内容。
模板
此页面用作社区支持的模板列表。 请提交一个包含您的模板的 PR点击页面底部的 编辑此页。 要构建您自己的模板请参考 模板 指南。
要使用这些模板请运行 wails init -n 您的项目名 -t [下面的链接[版本]]
如果不带版本后缀默认使用的是主分支代码模板。 如果带有版本后缀则使用该版本对应标签的代码模板。
示例wails init -n Your Project Name -t https://github.com/misitebao/wails-template-vue
注意
Wails 项目不维护也不对第 3 方模板负责
如果您不确定某个模板请检查 package.json 和 wails.json 中安装的模块和运行的脚本。
Vue
wails-template-vue - 基于 Vue 生态的 Wails 模板集成 TypeScript、黑暗主题、国际化、单页路由、TailwindCSSwails-vite-vue-ts - 使用 Vite 的 Vue 3 TypeScript以及添加功能的说明wails-vite-vue-the-works - 使用 Vite, Vuex, Vue Router, Sass, 和 ESLint Prettier 的 Vue 3 TypeScriptwails-template-quasar-js - 使用 JavaScript Quasar V2Vue 3, Vite, Sass, Pinia, ESLint, Prettier的模板wails-template-quasar-ts - 使用 TypeScript Quasar V2Vue 3、Vite、Sass、Pinia、ESLint、Prettier、带 script setup 的Composition API的模板
Angular
wails-angular-template - 带有 TypeScript, Sass, 热重载, 代码拆分和 i18n 的 Angular
React
wails-react-template - 基于 reactjs 的模板wails-react-template - 基于 React 并支持实时开发模式的轻量级模板wails-vite-react-ts - 基于 Vite React TypeScript 的模板wails-vite-react-ts-tailwind-template - 一个 React TypeScript Vite TailwindCSS 模板
Svelte
wails-svelte-template - 基于 Svelte 的模板wails-vite-svelte-template - 使用 Svelte 和 Vite 的模板wails-vite-svelte-tailwind-template - 使用 Svelte 和 Vite 和 TailwindCSS v3 的模板wails-template-nextjs - 基于 Next.js TypeScript 的模板
Elm
wails-elm-template - 使用函数式编程和 快速 的热重载设置开发您的 GUI 应用程序 wails-template-elm-tailwind - 结合 Elm Tailwind CSS Wails 的力量 支持热重载。
纯 JavaScript (Vanilla)
wails-pure-js-template - 一个只有基本 JavaScript、HTML 和 CSS 的模板
