|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/vue-3-create-a-mobile-desktop-app-with-quasar-2-pinia/
课程评论：没有评论
课程名称：Vue 3：创建移动及桌面应用（使用 Quasar 2 和 Pinia） 课程概述： 在本课程中，您将学习如何使用 Vue 3、组合 API、Quasar V2 和 Pinia 创建一个美观的跨平台资金管理应用——Moneyballs，该应用适用于网页、iOS、Android、Mac 和 Windows。在这个应用中，您可以添加收入和支出记录并跟踪消费。所有收入记录以绿色显示，支出记录则以红色显示，并且金额格式化为货币形式。 功能亮点包括： - 底部的余额条，实时显示所有记录的整体余额。 - 通过点击名称或金额字段进行记录编辑。 - 通过向右滑动标记条目为已支付（并查看已支付条目的余额）。 - 重新排列记录。 - 向左滑动删除记录。 - 设置页面提供多种设置选项，包括禁用删除提示、显示实时余额及更改货币符号。 - 提供深色模式，具有不同的配色方案。 - 退出并重启应用后，所有记录和设置数据仍然保持。 在创建 Moneyballs 的过程中，您将还会使用到： - Pinia 设置存储 - Quasar 插件 - 自定义指令 - 自定义组合函数 - Capacitor 插件 - 大量 Quasar 组件 - 以及更多内容... 本课程将使您的应用可以在五个不同平台上运行： - 网页浏览器 - iOS - Android - Mac - Windows iOS 和 Android 应用可使用 Quasar（及 Capacitor）生成，并能够发布到 App Store 和 Play Store，支持内置购、订阅和广告。Mac 和 Windows 应用可使用 Quasar（及 Electron）生成，能够发布到 Mac 和 Windows 商店或在线分发。 对于本课程，建议使用 Mac，并具备基础的 JavaScript、Vue 3 和组合 API 的理解。
In this course, you'll learn how to use Vue 3, the Composition API, Quasar V2 and Pinia to create a beautiful cross-platform money management app called Moneyballs - for Web, iOS, Android, Mac & Windows.In this app, we can add both income and expense entries and keep track of our spending.All of our income entries are in green and all of our expense entries are in red, with the amounts beautifully formatted as currency.We can:View a balance bar along the bottom, which always shows the overall balance of all of our entries.Edit our entries in place by clicking on the name or the amount field.Mark an entry as paid by swiping right (and see the balance of our paid entries).Reorder our entries.Swipe left to delete our entries.Moneyballs also has a Settings page with a bunch of different settings.We can:Disable the prompt to delete - so that when we swipe left on an entry - it's deleted immediately.Show a Running Balance, which is displayed under all our entries.Change the Currency Symbol.We even have a Dark Mode with a completely different color scheme.And if we quit and restart our app (or reload the webpage) - all of our entries data and settings data is maintained.While creating Moneyballs you're also going to use:Pinia Setup StoresQuasar PluginsCustom DirectivesCustom ComposablesCapacitor pluginsTons of Quasar ComponentsAnd much more...And we're going to get this app running and working on five different platforms:Web BrowseriOSAndroidMacWindowsiOS & Android apps generated with Quasar (& Capacitor) can actually be deployed to the App Store & Play Store and monetized with in-app purchases, subscriptions and ads.Mac & Windows apps generated with Quasar (& Electron) can be deployed to the Mac & Windows stores, or distributed online.For this course, I recommend using a Mac and having a basic understanding of JavaScript, Vue 3 and the Composition API.
