掌控着致命的闪电风暴，雷泽在战场上横冲直撞。
中文 🇨🇳 | English 🇺🇸
使用前端技术（Nuxt/Ts）实现一套代码的多端构建，
- 移动端 (H5/App) - Web, Android, iOS
- 桌面端 (PC/Exe) - Web, MacOS, Linux, Window
适合以下特征的技术团队和应用场景，
- 小团队，有些Web能力，但缺少移动端经验
- 小应用，交互简单，但多平台都有且相似
MC层可能复用，但V层UX不同
目标是 Write App once, Apply almost anywhere
- 💎 TypeScript 主语言 Apache
- 🚀 Nuxt WebApp 框架 MIT
- 🧩 Vue Js 框架 MIT
- 💄 UnoCss - 原子化 CSS MIT
- 📱 Ionic - 移动端组件库 MIT
- 📱 Capacitor - 移动端原生库 MIT
- 🖥️ PrimeVue 桌面端组件库 MIT
- 🖥️ Electron - 桌面端原生库 MIT
在 Vue风格[和Nuxt 规范的基础上， 根据强类型，可读性，一致性的原则，增加以下约定，
首先，html和http不区分大小写，mac和win系统默认不区分大小写。
- 驼峰 -
smallCamel/小驼峰 和PascalCase/大驼峰 - 烤串 -
kebab-case，全小写 *.vue及相关 - 必须大驼峰，与Vue一致- 目录及非vue文件 - 必须烤串，与
index.js一致 - 代码中 - js必须驼峰，html属性和css必须烤串
- 组件标签 - 应该大驼峰，以区别于原生html标签
- 组件属性 - js必须小驼峰，html必须烤串
- emit事件 - 必须烤串，因其仅做字符串，无自动转换
- i18n - 应该以js取代json，key应该驼峰
鉴于html中通常使用双引号，且在里面会有简单的js代码，
- js内容 - 必须单引号
- html内容 - 必须双引号
分号，与主语言一致，否则随缘，
- java - 结尾保留分号
- kotlin，scala等 - 结尾不带分号
逗号，尽量添加，方便增减和调整顺序，
- 数组，对象，ts等支持逗号结尾
名叫Index的组件，在调试和开发中可读性很差，
- 优先使用全名（通过index.ts进行
import和export） - 或手工指定
name属性（建议自动推导）
根据vue官方模板中命名规则，大部分会是复数，
- 使用时视为单一的完整的，使用单数，如 store, route
- 使用时仍是多个的碎片的，使用复数，如 views, components
- 定义函数时，
function优先于箭头函数 - 尽量注明类型，以
unknown代替any - 定义时用
undefined，使用时用null - 实体代码在
*.ts，仅类型的在*.d.ts - 在无类型推导时，以
TypeX[]代替Array<TypeX> - 流程控制用
if，表达式用||或?? - 尽量使用绝对路径（
@/），相对路径仅限于./和../
- emits，采用ts规范，事件名不必使用
on前缀 - props，传递Function时，使用
do前缀，表示handle - SFC中的interface或type，可放到同名
.d.ts，enum放在.ts
## ✅ for CI
## 安装 pnpm-hoist-layer 到 devDeps
pnpm -w i --no-frozen-lockfile --ignore-pnpmfile
## 重置 ci 锁文件
git restore pnpm-lock.yaml
## 根据锁文件，安装依赖
pnpm -r i --frozen-lockfile
## 💚 for Dev
pnpm -w i --ignore-pnpmfile
pnpm -r i --ignore-scripts
pnpm -r i
## 🧪 测试
pnpm dev:test
## 删除 .nuxt, .output, dist
pnpm del:gen
## 删除 node_modules
pnpm del:dep
## 删除 node_modules, pnpm-lock.yaml
pnpm del:all