mirror of
https://github.com/misitebao/wails-template-vue
synced 2025-02-24 05:42:16 +08:00
6.4 KiB
6.4 KiB
基于Vue和Vue-Router的Wails模板
国际化
内容目录
项目介绍
wails-template-vue 模板是一个支持 Wails 应用的 Vue 模板,默认提供路由和国际化功能。
背景
希望在 Wails 应用中使用 Vue 及其强大的社区生态开发支持多路由的单页应用。
图形演示
功能特色
- 兼容 Windows、MacOS、Linux 平台
- 支持单页路由和国际化
- 内置 Sass 预处理器
- 跨平台一致的 UI 体验(内置 JetbrainsMono 字体包)
- 附带完整的 API 示例(目前正在开发测试中。。。)
- 支持 JavaScript 和 TypeScript
新手入门
新建项目
wails init -n [你的应用名称] -t https://github.com/misitebao/wails-template-vue
参数说明:
- n - 将要创建的应用名称
- t - 模板名称,支持内置模板名称以及超链接形式的第三方模板
项目创建以后,默认是使用 JavaScript 模板,你可以将wails.json
文件中的"frontend:build"
字段值修改为"npm run build -w ts"
来使用 TypeScript 模板。
注意:为了在现有的功能下支持 TypeScript 模板,前端部分使用了 NPM 的工作区功能,所以 NPM 的版本必须>=7.0.0
,请自行运行npm -v
查看你的 NPM 版本。
参考文档
前端部分使用了 Vue Vue-Router 和 Vue-I18N。
- Vue - 使用 Vue 3.x 版本,具体使用方式请参考Vue3.x 官方文档。
- Vue-Router - 使用 Vue-Router 4.x 版本,具体使用方式请参考Vue-Router 官方文档。
- Vue-I18N - 使用 Vue-I18N 9.x 版本,具体使用方式请参考Vue-I18N 官方文档。
- TypeScript - 具体使用方式请参考TypeScript 官网文档。
然后您就可以参考 Wails 官方文档开始开发您的应用啦 🤞!
维护者
感谢这些项目的维护者:
点我 打开/关闭 维护者列表
- 米司特包 - 项目作者,全栈工程师。
贡献者
感谢所有参与 wails-template-vue 开发的贡献者。贡献者列表
社区交流
- Github Discussions - Github 官方推荐的 Wails 项目讨论区
- Wails Slack - Wails 官方交流频道
- Twitter - Wails 官方推特账号
中文社区:
- QQ 群:1067173054 - QQ 中文社区交流群
部分用户
- Wails API Demos - 一个用于探索 Wails API 的示例程序,灵感来源自 Electron API Demos
- Hayate - 使用 Wails 实现的 Windows 应用安装引导程序。