From c889452e292e03271575f0b4e0514af6f83261f1 Mon Sep 17 00:00:00 2001 From: chorblack Date: Tue, 22 Apr 2025 20:50:39 +0800 Subject: [PATCH] first commit --- README.md | 36 ++++++++++++++++++++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..7039a14 --- /dev/null +++ b/README.md @@ -0,0 +1,36 @@ +# 手表示例模版 + +## 文件结构 + +``` +├── sign # 存储 rpk 包签名模块(须自行生成); +│ ├── certificate.pem # 证书文件 +│ └── private.pem # 私钥文件 +└── src +│ ├── assets # 公用的资源(images/styles/字体...) +│ │ ├──images # 存储 png/jpg/svg 等公共图片资源 +│ │ └──styles # 存放 less/css/sass 等公共样式资源 +│ ├── pages # 统一存放项目页面级代码 +│ ├── app.ux # 应用程序代码的入口文件 +│ ├── manifest.json # 配置蓝河应用基本信息 +│ └── components # 存放蓝河应用组件 +└── package.json # 定义项目需要的各种模块及配置信息 +``` + +### 模版说明 + +- `Demo` 页面:示例页面; +- `DemoDetail`页面:详情页面; + +## 如何使用 + +- **内置样式处理方案**;「蓝河应用」支持 `sass` 的预编译;这里采取 [dart sass](https://sass-lang.com/documentation) 方案,并内置了部分变量,以及常用混合方法,使得可以轻松开启样式编写、复用、修改等; +- **添加新增页面命令脚本**;如果需要新建页面,只需运行:`yarn gen YourPageName` ,当然,也可以根据需要,自行定定制模板:*/command/gen/template.ux*; +- **集成 [Prettier](https://prettier.io/)**;在检测代码中潜在问题的同时,统一团队代码规范、风格(`js`,`less`,`scss`等),从而促使写出高质量代码,以提升工作效率(尤其针对团队开发); + +## 内置命令 + +| 命令 | 描述 | 备注 | +|---|---|---| +| `yarn gen ` | 新增「蓝河应用」页面 | 助你高效生成页面,模版可自定义,推荐 ✓| +| `yarn prettier` | 一键美化代码(js/css/less/ux) | 实在是团队开发好帮手,推荐 ✓ |