generator-mico-cli 0.1.18

package/generators/micro-react/templates/packages/shared-styles/variables.less

@@ -0,0 +1,363 @@
+// ==================== 共享变量文件 ====================
+// 这个文件包含项目中所有自定义的 Less 变量
+// 使用方式：
+//   - 在子应用中导入 @import '<%= packageScope %>/shared-styles/variables';
+//   - 或者在 layout 中导入 @import '@/styles/variables.less';
+
+// 注意：CSS 变量（--Brand1-x 等）由 index.less 或 global.less 导入主题文件定义
+// 此文件仅定义 Less 变量，引用 CSS 变量实现动态主题切换
+
+// 由于arco定义的原生css变量是rgb三分量格式，所以这边也只能定义成三分量，less变量则是用rgb函数进行包裹，可以直接使用在color,background-color,border-color等属性上
+// 例如：color: @Brand1-6;
+// ==================== 品牌色系统 ====================
+// Brand1
+@Brand1-1: rgb(var(--Brand1-1, 242 235 255)); // 浅色/白底悬浮
+@Brand1-2: rgb(var(--Brand1-2, 220 198 255)); // 文字禁用
+@Brand1-3: rgb(var(--Brand1-3, 195 163 255)); // 一般禁用
+@Brand1-4: rgb(var(--Brand1-4, 169 129 255)); // 特殊场景
+@Brand1-5: rgb(var(--Brand1-5, 140 94 255)); // 悬浮
+@Brand1-6: rgb(var(--Brand1-6, 110 60 255)); // 点击
+@Brand1-7: rgb(var(--Brand1-7, 75 37 210)); // 常规
+
+// Brand2
+@Brand2-1: rgb(var(--Brand2-1, 232 248 255)); // 浅色/白底悬浮
+@Brand2-2: rgb(var(--Brand2-2, 190 232 255)); // 文字禁用
+@Brand2-3: rgb(var(--Brand2-3, 149 214 255)); // 一般禁用
+@Brand2-4: rgb(var(--Brand2-4, 107 193 255)); // 特殊场景
+@Brand2-5: rgb(var(--Brand2-5, 66 170 255)); // 悬浮
+@Brand2-6: rgb(var(--Brand2-6, 24 144 255)); // 点击
+@Brand2-7: rgb(var(--Brand2-7, 15 109 210)); // 常规
+
+// ==================== 中性色系统 ====================
+// 边框颜色
+@color-border-1: var(--color-border-1, rgb(242 243 245)); // 浅
+@color-border-2: var(--color-border-2, rgb(229 230 235)); // 一般
+@color-border-3: var(--color-border-3, rgb(201 205 212)); // 深/悬浮
+@color-border-4: var(--color-border-4, rgb(134 144 156)); // 重/按钮描边
+
+@color-line-1: var(--line-1, @color-border-1);
+@color-line-2: var(--line-2, @color-border-2);
+@color-line-3: var(--line-3, @color-border-3);
+@color-line-4: var(--line-4, @color-border-4);
+
+// 填充颜色
+@color-fill-1: var(--color-fill-1, rgb(247 248 250)); // 浅/禁用
+@color-fill-2: var(--color-fill-2, rgb(242 243 245)); // 一般/常规/白底悬浮
+@color-fill-3: var(--color-fill-3, rgb(229 230 235)); // 深/灰底悬浮
+@color-fill-4: var(--color-fill-4, rgb(201 205 212)); // 重/特殊场景
+@color-fill-5: var(--color-fill-5, rgb(78 89 105)); // 强调/图标/特殊场景
+
+// 文字颜色
+@color-text-1: var(--color-text-1, rgb(29 33 41)); // 强调/正文标题
+@color-text-2: var(--color-text-2, rgb(78 89 105)); // 次强调/正文标题
+@color-text-3: var(--color-text-3, rgb(134 144 156)); // 次要信息
+@color-text-4: var(--color-text-4, rgb(201 205 212)); // 置灰信息
+@color-text-5: var(--color-text-5, rgb(255 255 255)); // 纯白文字
+
+// ==================== 功能色系统 ====================
+// 成功色
+@Success-1: rgb(var(--Success-1, 232 255 234)); // 浅色背景
+@Success-2: rgb(var(--Success-2, 175 240 181)); // 特殊场景
+@Success-3: rgb(var(--Success-3, 123 225 136)); // 禁用
+@Success-5: rgb(var(--Success-5, 35 195 67)); // 悬浮
+@Success-6: rgb(var(--Success-6, 0 180 42)); // 常规
+@Success-7: rgb(var(--Success-7, 0 154 41)); // 点击
+
+// 警告色
+@Warning-1: rgb(var(--Warning-1, 255 247 232)); // 浅色背景
+@Warning-2: rgb(var(--Warning-2, 255 228 186)); // 特殊场景
+@Warning-3: rgb(var(--Warning-3, 255 207 139)); // 禁用
+@Warning-5: rgb(var(--Warning-5, 255 154 46)); // 悬浮
+@Warning-6: rgb(var(--Warning-6, 255 125 0)); // 常规
+@Warning-7: rgb(var(--Warning-7, 255 154 46)); // 点击
+
+// 危险色
+@Danger-1: rgb(var(--Danger-1, 255 236 232)); // 浅色背景
+@Danger-2: rgb(var(--Danger-2, 253 205 197)); // 特殊场景
+@Danger-3: rgb(var(--Danger-3, 251 172 163)); // 禁用
+@Danger-5: rgb(var(--Danger-5, 247 101 96)); // 悬浮
+@Danger-6: rgb(var(--Danger-6, 245 63 63)); // 常规
+@Danger-7: rgb(var(--Danger-7, 203 38 52)); // 点击
+
+// ==================== 其他系统色 ====================
+// 其他系统色 / 辅助色 (System Success / Auxiliary Color)
+@cyan-1: rgb(var(--cyan-1, 232 255 251)); // 浅色背景 (Light Background)
+@cyan-2: rgb(var(--cyan-2, 187 248 240)); // 特殊场景 (Special Scene)
+@cyan-3: rgb(var(--cyan-3, 145 241 231)); // 禁用 (Disabled)
+@cyan-5: rgb(var(--cyan-5, 66 227 222)); // 悬浮 (Hover)
+@cyan-6: rgb(var(--cyan-6, 30 220 220)); // 常规 (Regular)
+@cyan-7: rgb(var(--cyan-7, 19 179 184)); // 点击 (Click)
+
+// 晚秋红 (Orange Red)
+@Orange-Red-1: rgb(
+  var(--Orange-Red-1, 255 243 232)
+); // 浅色背景 (Light Background)
+@Orange-Red-2: rgb(
+  var(--Orange-Red-2, 253 221 195)
+); // 特殊场景 (Special Scene)
+@Orange-Red-3: rgb(var(--Orange-Red-3, 252 197 159)); // 禁用 (Disabled)
+@Orange-Red-5: rgb(var(--Orange-Red-5, 249 144 87)); // 悬浮 (Hover)
+@Orange-Red-6: rgb(var(--Orange-Red-6, 247 114 52)); // 常规 (Regular)
+@Orange-Red-7: rgb(var(--Orange-Red-7, 204 81 32)); // 点击 (Click)
+
+// 黄昏 (Gold)
+@Gold-1: rgb(var(--Gold-1, 255 252 232)); // 浅色背景 (Light Background)
+@Gold-2: rgb(var(--Gold-2, 253 244 191)); // 特殊场景 (Special Scene)
+@Gold-3: rgb(var(--Gold-3, 252 233 150)); // 禁用 (Disabled)
+@Gold-5: rgb(var(--Gold-5, 249 204 69)); // 悬浮 (Hover)
+@Gold-6: rgb(var(--Gold-6, 247 186 30)); // 常规 (Regular)
+@Gold-7: rgb(var(--Gold-7, 204 146 19)); // 点击 (Click)
+
+// 海蔚蓝 (Blue)
+@Blue-1: rgb(var(--Blue-1, 232 247 255)); // 浅色背景 (Light Background)
+@Blue-2: rgb(var(--Blue-2, 195 231 254)); // 特殊场景 (Special Scene)
+@Blue-3: rgb(var(--Blue-3, 158 212 253)); // 禁用 (Disabled)
+@Blue-5: rgb(var(--Blue-5, 86 168 251)); // 悬浮 (Hover)
+@Blue-6: rgb(var(--Blue-6, 50 145 250)); // 常规 (Regular)
+@Blue-7: rgb(var(--Blue-7, 31 107 207)); // 点击 (Click)
+
+// 深蓝 (Dark Blue)
+@Dark-Blue-1: rgb(
+  var(--Dark-Blue-1, 232 242 255)
+); // 浅色背景 (Light Background)
+@Dark-Blue-2: rgb(var(--Dark-Blue-2, 183 206 242)); // 特殊场景 (Special Scene)
+@Dark-Blue-3: rgb(var(--Dark-Blue-3, 137 171 229)); // 禁用 (Disabled)
+@Dark-Blue-5: rgb(var(--Dark-Blue-5, 58 102 203)); // 悬浮 (Hover)
+@Dark-Blue-6: rgb(var(--Dark-Blue-6, 25 70 190)); // 常规 (Regular)
+@Dark-Blue-7: rgb(var(--Dark-Blue-7, 16 50 162)); // 点击 (Click)
+
+// 黄色 (Yellow)
+@Yellow-1: rgb(var(--Yellow-1, 254 255 232)); // 浅色背景 (Light Background)
+@Yellow-2: rgb(var(--Yellow-2, 254 254 190)); // 特殊场景 (Special Scene)
+@Yellow-3: rgb(var(--Yellow-3, 253 250 148)); // 禁用 (Disabled)
+@Yellow-5: rgb(var(--Yellow-5, 251 232 66)); // 悬浮 (Hover)
+@Yellow-6: rgb(var(--Yellow-6, 250 220 25)); // 常规 (Regular)
+@Yellow-7: rgb(var(--Yellow-7, 207 175 15)); // 点击 (Click)
+
+// 新生绿 (Lime)
+@Lime-1: rgb(var(--Lime-1, 252 255 232)); // 浅色背景 (Light Background)
+@Lime-2: rgb(var(--Lime-2, 237 248 187)); // 特殊场景 (Special Scene)
+@Lime-3: rgb(var(--Lime-3, 220 241 144)); // 禁用 (Disabled)
+@Lime-5: rgb(var(--Lime-5, 181 226 65)); // 悬浮 (Hover)
+@Lime-6: rgb(var(--Lime-6, 159 219 29)); // 常规 (Regular)
+@Lime-7: rgb(var(--Lime-7, 126 183 18)); // 点击 (Click)
+
+// 青春紫 (Pink Purple)
+@Pink-Purple-1: rgb(
+  var(--Pink-Purple-1, 255 232 251)
+); // 浅色背景 (Light Background)
+@Pink-Purple-2: rgb(
+  var(--Pink-Purple-2, 247 186 239)
+); // 特殊场景 (Special Scene)
+@Pink-Purple-3: rgb(var(--Pink-Purple-3, 240 142 230)); // 禁用 (Disabled)
+@Pink-Purple-5: rgb(var(--Pink-Purple-5, 225 62 219)); // 悬浮 (Hover)
+@Pink-Purple-6: rgb(var(--Pink-Purple-6, 217 26 217)); // 常规 (Regular)
+@Pink-Purple-7: rgb(var(--Pink-Purple-7, 176 16 182)); // 点击 (Click)
+
+// 品红 (Magenta)
+@Magenta-1: rgb(var(--Magenta-1, 255 232 241)); // 浅色背景 (Light Background)
+@Magenta-2: rgb(var(--Magenta-2, 253 194 219)); // 特殊场景 (Special Scene)
+@Magenta-3: rgb(var(--Magenta-3, 251 157 199)); // 禁用 (Disabled)
+@Magenta-5: rgb(var(--Magenta-5, 247 84 168)); // 悬浮 (Hover)
+@Magenta-6: rgb(var(--Magenta-6, 245 49 157)); // 常规 (Regular)
+@Magenta-7: rgb(var(--Magenta-7, 203 30 131)); // 点击 (Click)
+
+// ==================== 品牌色系统 ====================
+// Dramabite
+@Dramabite: rgb(var(--Dramabite, 40 255 70));
+@Dramabite-1: rgb(var(--Dramabite-1, 233 255 232));
+@Dramabite-2: rgb(var(--Dramabite-2, 194 255 194));
+@Dramabite-7: rgb(var(--Dramabite-7, 25 210 56));
+
+// Soulstar
+@Soulstar: rgb(var(--Soulstar, 168 81 255));
+@Soulstar-1: rgb(var(--Soulstar-1, 247 232 255));
+@Soulstar-2: rgb(var(--Soulstar-2, 236 202 255));
+
+// Mico
+@Mico: rgb(var(--Mico, 110 60 255));
+@Mico-1: rgb(var(--Mico-1, 242 232 255));
+@Mico-2: rgb(var(--Mico-2, 220 198 255));
+
+// Somatch
+@Somatch: rgb(var(--Somatch, 59 230 247));
+@Somatch-1: rgb(var(--Somatch-1, 232 255 253));
+@Somatch-2: rgb(var(--Somatch-2, 197 253 251));
+@Somatch-7: rgb(var(--Somatch-7, 37 185 204));
+
+// Sugo
+@Sugo: rgb(var(--Sugo, 100 60 255));
+@Sugo-1: rgb(var(--Sugo-1, 240 232 255));
+@Sugo-2: rgb(var(--Sugo-2, 217 198 255));
+
+// Top Top
+@Toptop: rgb(var(--Toptop, 20 220 200));
+@Toptop-1: rgb(var(--Toptop-1, 232 255 249));
+@Toptop-2: rgb(var(--Toptop-2, 185 248 233));
+
+// Xena
+@Xena: rgb(var(--Xena, 0 110 255));
+@Xena-1: rgb(var(--Xena-1, 232 246 255));
+@Xena-2: rgb(var(--Xena-2, 186 225 255));
+
+// Yoho
+@Yoho: rgb(var(--Yoho, 0 200 60));
+@Yoho-1: rgb(var(--Yoho-1, 232 255 235));
+@Yoho-2: rgb(var(--Yoho-2, 178 244 189));
+
+// Zili
+@Zili: rgb(var(--Zili, 9 110 249));
+@Zili-1: rgb(var(--Zili-1, 232 245 255));
+@Zili-2: rgb(var(--Zili-2, 187 224 254));
+
+// WhatsApp
+@Whatsapp: rgb(var(--Whatsapp, 36 211 102));
+@Whatsapp-1: rgb(var(--Whatsapp-1, 232 255 237));
+@Whatsapp-2: rgb(var(--Whatsapp-2, 188 246 202));
+
+// ==================== 遗留的颜色变量 ====================
+// 中性色
+@brand-neutral-1: #ffffff; // 纯白
+@brand-neutral-2: #fafafa; // 浅灰
+@brand-neutral-3: #f5f5f5; // 中浅灰
+@brand-neutral-4: #e8e8e8; // 中灰
+@brand-neutral-5: #d9d9d9; // 深灰
+
+// ==================== 布局尺寸系统 ====================
+// 头部和导航
+@header-height: 56px; // 头部高度
+@header-z-index: 1000; // 头部层级
+
+// 侧边栏
+@sidebar-width: 256px; // 侧边栏宽度
+@sidebar-collapsed-width: 80px; // 折叠后宽度
+@sidebar-z-index: 999; // 侧边栏层级
+
+// 内容区域
+@content-padding: 24px; // 内容区域内边距
+@content-min-height: calc(100vh - @header-height); // 内容最小高度
+
+// 尺寸
+@size-base: 10px; // 基础尺寸
+
+// ==================== 间距系统 ====================
+// 基础间距
+@spacing-xs: 4px; // 超小间距
+@spacing-sm: 8px; // 小间距
+@spacing-md: 16px; // 中间距
+@spacing-lg: 24px; // 大间距
+@spacing-xl: 32px; // 超大间距
+@spacing-xxl: 48px; // 特大间距
+
+// 组件间距
+@section-margin: @spacing-xl; // 区块间距
+@card-padding: 20px; // 卡片内边距
+@form-item-margin: @spacing-md; // 表单项间距
+@button-margin: @spacing-sm; // 按钮间距
+
+// ==================== 字体系统 ====================
+// 字体大小
+@font-size-xs: 10px; // 超小字体
+@font-size-sm: 12px; // 小字体
+@font-size-base: 14px; // 基础字体
+@font-size-md: 16px; // 中等字体
+@font-size-lg: 18px; // 大字体
+@font-size-xl: 20px; // 超大字体
+@font-size-xxl: 24px; // 特大字体
+
+// 标题字体
+@font-size-title: @font-size-xl; // 标题字体大小
+@font-size-subtitle: @font-size-md; // 副标题字体大小
+@font-size-caption: @font-size-sm; // 说明文字字体大小
+
+// 字体权重
+@font-weight-light: 300; // 细体
+@font-weight-normal: 400; // 正常
+@font-weight-medium: 510; // 中等
+@font-weight-semibold: 590; // 半粗
+@font-weight-bold: 700; // 粗体
+
+// 行高
+@line-height-tight: 1.2; // 紧密行高
+@line-height-normal: 1.5; // 正常行高
+@line-height-loose: 1.8; // 宽松行高
+
+// ==================== 阴影系统 ====================
+@shadow-light: 0 2px 8px rgba(0, 0, 0, 0.1); // 浅阴影
+@shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.15); // 中阴影
+@shadow-heavy: 0 8px 32px rgba(0, 0, 0, 0.2); // 重阴影
+@shadow-card: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); // 卡片阴影
+
+// ==================== 圆角系统 ====================
+@border-radius-xs: 2px; // 超小圆角
+@border-radius-sm: 4px; // 小圆角
+@border-radius-md: 6px; // 中圆角
+@border-radius-lg: 8px; // 大圆角
+@border-radius-xl: 12px; // 超大圆角
+@border-radius-round: 50%; // 圆形
+
+// 组件圆角
+@border-radius-button: @border-radius-lg; // 按钮圆角
+@border-radius-card: @border-radius-lg; // 卡片圆角
+@border-radius-input: @border-radius-lg; // 输入框圆角
+
+// ==================== 动画系统 ====================
+// 动画时长
+@animation-duration-fast: 0.2s; // 快速动画
+@animation-duration-normal: 0.3s; // 正常动画
+@animation-duration-slow: 0.5s; // 慢速动画
+
+// 动画缓动
+@animation-ease-in: cubic-bezier(0.4, 0, 1, 1);
+@animation-ease-out: cubic-bezier(0, 0, 0.2, 1);
+@animation-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+
+// ==================== 响应式断点 ====================
+@screen-xs: 480px; // 超小屏幕
+@screen-sm: 576px; // 小屏幕
+@screen-md: 768px; // 中等屏幕
+@screen-lg: 992px; // 大屏幕
+@screen-xl: 1200px; // 超大屏幕
+@screen-xxl: 1600px; // 特大屏幕
+
+// ==================== 层级系统 ====================
+@z-index-dropdown: 1000; // 下拉菜单
+@z-index-sticky: 1020; // 粘性元素
+@z-index-fixed: 1030; // 固定元素
+@z-index-modal-backdrop: 1040; // 模态框背景
+@z-index-modal: 1050; // 模态框
+@z-index-popover: 1060; // 弹出框
+@z-index-tooltip: 1070; // 工具提示
+
+// ==================== 状态颜色 ====================
+@status-success: @Success-6; // 成功状态
+@status-warning: @Warning-6; // 警告状态
+@status-error: @Danger-6; // 错误状态
+@status-info: @cyan-6; // 信息状态
+
+// ==================== 业务特定变量 ====================
+// 客服相关
+@chat-bubble-radius: @border-radius-md; // 聊天气泡圆角
+@chat-input-height: 40px; // 聊天输入框高度
+@message-max-width: 70%; // 消息最大宽度
+
+// 表格相关
+@table-header-bg: @brand-neutral-2; // 表头背景色
+@table-row-hover-bg: @brand-neutral-2; // 表格行悬停背景
+@table-border-color: @brand-neutral-4; // 表格边框色
+
+// 表单相关
+@form-label-color: @color-text-1; // 表单标签颜色
+@form-help-color: @color-text-2; // 表单帮助文字颜色
+@form-error-color: @Danger-6; // 表单错误颜色
+
+@form-gap: 8px;
+@form-padding: 8px;
+
+// 按钮相关
+@button-size-base: 24px;
+@button-size-small: 16px;
+@button-size-mini: 14px;
+
+// 蒙层
+@mask-background-color: rgba(0, 0, 0, 0.4);

package/generators/micro-react/templates/pnpm-workspace.yaml

@@ -0,0 +1,9 @@
+packages:
+  - apps/*
+  - packages/*
+  - lib/*
+
+onlyBuiltDependencies:
+  - core-js
+  - core-js-pure
+  - esbuild

package/generators/micro-react/templates/scripts/collect-dist.js

@@ -0,0 +1,68 @@
+#!/usr/bin/env node
+const fs = require('node:fs/promises');
+const path = require('node:path');
+
+/**
+ * 收集所有子应用的构建产物到根目录的 dist 目录
+ * 将 apps/{app}/dist 移动到 dist/{app}/
+ */
+async function collectDist() {
+  const rootDir = path.resolve(__dirname, '..');
+  const appsDir = path.join(rootDir, 'apps');
+  const distDir = path.join(rootDir, 'dist');
+
+  try {
+    // 确保根目录的 dist 目录存在
+    await fs.mkdir(distDir, { recursive: true });
+
+    // 读取 apps 目录下的所有子目录
+    const entries = await fs.readdir(appsDir, { withFileTypes: true });
+    const apps = entries.filter((entry) => entry.isDirectory());
+
+    if (apps.length === 0) {
+      console.log('未找到任何子应用');
+      return;
+    }
+
+    console.log('开始收集构建产物...\n');
+
+    for (const app of apps) {
+      const appName = app.name;
+      const appDistPath = path.join(appsDir, appName, 'dist');
+      const targetDistPath = path.join(distDir, appName);
+
+      try {
+        // 检查源 dist 目录是否存在
+        const stat = await fs.stat(appDistPath);
+        if (!stat.isDirectory()) {
+          console.log(`跳过 ${appName}: dist 不是目录`);
+          continue;
+        }
+
+        // 检查目标目录是否已存在，如果存在则先删除
+        try {
+          await fs.rm(targetDistPath, { recursive: true, force: true });
+        } catch {
+          // 忽略删除错误
+        }
+
+        // 移动 dist 目录到目标位置
+        await fs.rename(appDistPath, targetDistPath);
+        console.log(`✓ ${appName}: apps/${appName}/dist -> dist/${appName}/`);
+      } catch (error) {
+        if (error.code === 'ENOENT') {
+          console.log(`跳过 ${appName}: 未找到 dist 目录`);
+        } else {
+          console.error(`处理 ${appName} 时出错: ${error.message}`);
+        }
+      }
+    }
+
+    console.log('\n构建产物收集完成！');
+  } catch (error) {
+    console.error(`收集构建产物失败: ${error.message}`);
+    process.exit(1);
+  }
+}
+
+collectDist();

package/generators/micro-react/templates/scripts/create-umi-app.sh

@@ -0,0 +1,61 @@
+#!/usr/bin/env bash
+
+set -euo pipefail
+
+if [ $# -lt 1 ]; then
+  echo "用法: pnpm create:umi-app <app-name>"
+  exit 1
+fi
+
+APP_NAME="$1"
+TARGET_DIR="apps/${APP_NAME}"
+
+if [ -d "${TARGET_DIR}" ]; then
+  echo "目录 ${TARGET_DIR} 已存在，请换一个名称。"
+  exit 1
+fi
+
+echo "将在 ${TARGET_DIR} 中创建 UmiJS 4 应用..."
+
+pnpm dlx create-umi@latest "${TARGET_DIR}"
+
+PACKAGE_JSON="${TARGET_DIR}/package.json"
+
+if [ -f "${PACKAGE_JSON}" ]; then
+  node - "${PACKAGE_JSON}" "${APP_NAME}" <<'NODE'
+const fs = require('fs');
+
+const pkgPath = process.argv[2];
+const appName = process.argv[3];
+const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf8'));
+
+pkg.name = appName;
+pkg.private = true;
+
+pkg.dependencies = Object.assign(
+  {
+    react: '^18.2.0',
+    'react-dom': '^18.2.0',
+  },
+  pkg.dependencies || {},
+);
+
+pkg.devDependencies = Object.assign(
+  {
+    '@types/react': '^18.2.48',
+    '@types/react-dom': '^18.2.18',
+    typescript: '^5.3.3',
+  },
+  pkg.devDependencies || {},
+);
+
+fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + '\n');
+NODE
+fi
+
+echo "正在安装仓库依赖..."
+pnpm install
+
+echo "创建完成，依赖已同步。可以通过"
+echo "  pnpm dev --filter ${APP_NAME}"
+echo "启动新应用的开发服务器。"

package/generators/micro-react/templates/scripts/dev.js

@@ -0,0 +1,133 @@
+#!/usr/bin/env node
+const fs = require('node:fs/promises');
+const path = require('node:path');
+const readline = require('node:readline/promises');
+const { stdin: input, stdout: output } = require('node:process');
+const { spawn } = require('node:child_process');
+
+async function collectApps(appsDir) {
+  const entries = await fs.readdir(appsDir, { withFileTypes: true });
+  const apps = [];
+  for (const entry of entries) {
+    if (!entry.isDirectory()) continue;
+    const appName = entry.name;
+    const pkgPath = path.join(appsDir, appName, 'package.json');
+    try {
+      const pkgRaw = await fs.readFile(pkgPath, 'utf8');
+      const pkgJson = JSON.parse(pkgRaw);
+      if (pkgJson?.scripts?.dev) {
+        apps.push({ name: appName });
+      }
+    } catch {
+      // ignore folders without package.json
+    }
+  }
+  return apps;
+}
+
+async function resolveDotenvCli() {
+  const pnpmVirtualStore = path.resolve(
+    __dirname,
+    '..',
+    'node_modules',
+    '.pnpm',
+  );
+  let entries;
+  try {
+    entries = await fs.readdir(pnpmVirtualStore);
+  } catch (_error) {
+    throw new Error('未找到 pnpm 虚拟模块目录，请先执行 pnpm install');
+  }
+  const match = entries.find((entry) => entry.startsWith('dotenv-cli@'));
+  if (!match) {
+    throw new Error('未安装 dotenv-cli，请执行 pnpm install 以继续');
+  }
+  const cliPath = path.join(
+    pnpmVirtualStore,
+    match,
+    'node_modules',
+    'dotenv-cli',
+    'cli.js',
+  );
+  return cliPath;
+}
+
+async function askUser(apps) {
+  output.write('请选择要启动的应用:\n');
+  apps.forEach((app, idx) => {
+    output.write(`  ${idx + 1}. ${app.name}\n`);
+  });
+  const rl = readline.createInterface({ input, output });
+  try {
+    while (true) {
+      const answer = await rl.question('请输入序号后回车: ');
+      const index = Number.parseInt(answer, 10);
+      if (!Number.isNaN(index) && index >= 1 && index <= apps.length) {
+        return apps[index - 1];
+      }
+      output.write('无效的选择, 请重新输入。\n');
+    }
+  } finally {
+    rl.close();
+  }
+}
+
+async function runDev(appName) {
+  const dotenvCli = await resolveDotenvCli();
+  const args = [
+    dotenvCli,
+    '-e',
+    '.env',
+    '-e',
+    '.env.local',
+    '-e',
+    '.env.development',
+    '-e',
+    '.env.development.local',
+    '--',
+    'pnpm',
+    '--filter',
+    appName,
+    'run',
+    'dev',
+  ];
+  const child = spawn(process.execPath, args, {
+    stdio: 'inherit',
+    shell: false,
+  });
+  child.on('exit', (code, signal) => {
+    if (signal) {
+      process.kill(process.pid, signal);
+      return;
+    }
+    process.exit(code ?? 1);
+  });
+  child.on('error', (error) => {
+    console.error(`启动失败: ${error.message}`);
+    process.exit(1);
+  });
+}
+
+async function main() {
+  try {
+    const appsDir = path.resolve(__dirname, '..', 'apps');
+    const apps = await collectApps(appsDir);
+    if (apps.length === 0) {
+      console.error('未找到可启动的应用。');
+      process.exit(1);
+    }
+    let targetApp;
+    if (apps.length === 1) {
+      output.write(`检测到单一应用 ${apps[0].name}, 正在启动...\n`);
+      targetApp = apps[0];
+    } else {
+      targetApp = await askUser(apps);
+    }
+    await runDev(targetApp.name);
+  } catch (error) {
+    console.error(`执行失败: ${error.message}`);
+    process.exit(1);
+  }
+}
+
+main();