logo
1
0
Login

iFlow CLI 开发环境项目

这是一个基于 iFlow CLI 的完整开发环境项目,集成了劳动力计划管理工具和完整的开发环境配置。

项目简介

本项目提供了一个现代化的开发环境,包括:

  • 基于 Docker 的 VS Code Web 开发环境
  • 完整的 Rust 和 Node.js 开发工具链
  • 劳动力计划管理工具(Web 应用)
  • 预配置的开发扩展和工具

快速开始

环境要求

  • Docker
  • iFlow CLI
  • Git

启动开发环境

  1. 克隆项目:

    git clone https://cnb.cool/cbn-test/t1.git cd t1
  2. 启动开发环境:

    iflow env up
  3. 访问 VS Code Web 版本(根据 iFlow CLI 输出的地址)

项目结构

/workspace/ ├── .cnb.yml # CNB 开发环境配置 ├── .ide/ # Docker 开发环境配置 │ └── Dockerfile # 自定义开发环境镜像 ├── readme.md # 项目说明文档 ├── IFLOW.md # iFlow 指令上下文 └── 劳动力计划.html # 劳动力计划管理工具

主要功能

劳动力计划管理工具

一个功能完整的 Web 应用,用于管理工程施工阶段的劳动力投入:

  • 工种管理:支持测量工、电焊工、安装工、打胶工、材料搬运工、后勤等工种
  • 阶段划分:前期、正常施工、高峰期、后期收尾四个阶段
  • 实时计算:自动计算各阶段人员总数
  • 数据可视化:基于 Canvas 的柱状图展示
  • 响应式设计:支持不同屏幕尺寸

使用方法:

  1. 在浏览器中打开 劳动力计划.html
  2. 在表格中输入各工种在不同阶段的人员数量
  3. 查看自动更新的合计和图表

开发环境特性

  • Node.js 22:最新的 JavaScript 运行环境
  • Rust 工具链:完整的 Rust 开发环境,配置国内镜像加速
  • VS Code Web:通过 code-server 提供完整的编辑体验
  • 丰富扩展:预装开发常用扩展和中文语言包
  • UTF-8 支持:完整的中文字符集支持

技术栈

  • 前端:HTML5 + CSS3 + JavaScript (ES6+)
  • 可视化:原生 Canvas API
  • 开发环境:Docker + Node.js + Rust
  • 代码编辑:VS Code (code-server)
  • 版本控制:Git

开发指南

添加新的 VS Code 扩展

编辑 .ide/Dockerfile,在 code-server 安装部分添加:

RUN code-server --install-extension publisher.extension-name

自定义劳动力计划工具

劳动力计划.html 是一个纯前端应用,可以直接修改:

  • 添加新工种:在 <tbody> 中添加新的 <tr> 元素
  • 修改阶段:调整表头和对应的列
  • 自定义样式:修改 <style> 部分的 CSS

环境配置

项目使用 .cnb.yml 配置开发环境:

  • build:指定 Dockerfile 路径
  • services:启用的服务(vscode, docker)
  • stages:环境启动后执行的任务

贡献指南

  1. Fork 项目
  2. 创建功能分支:git checkout -b feature/new-feature
  3. 提交更改:git commit -am 'Add new feature'
  4. 推送分支:git push origin feature/new-feature
  5. 提交 Pull Request

许可证

本项目采用 MIT 许可证。详见 LICENSE 文件。

支持

如有问题或建议,请通过以下方式联系:

  • 提交 Issue
  • 发送邮件至项目维护者
  • 参与 iFlow CLI 社区讨论

项目记录

2025-10-24 Termux 魔改项目

用户输入

  • "我看到termux支持g"(消息中断)
  • "我看到termux,也在里面。我想要魔改一个termux。使其默认开启就进入alpine或者ubuntu的cli环境。然后可以利用终端进行开发。这个具体该怎么办"
  • "记录 默认使用中文进行交流。在readme文件中记录我每次的输入内容和主要的输出内容,便于我以后复现项目。memory"
  • "记录,每次项目内容大修改后,上传git。"
  • "执行"
  • "可以通过修改termux的开源代码,重新生成app吗?"

主要输出内容

Termux 魔改方案

提供了完整的 Termux 魔改方案,使其默认启动进入 Alpine 或 Ubuntu CLI 环境:

  1. 方案分析

    • Proot 方案(推荐):使用 proot 创建容器化环境,无需 root 权限
    • Chroot 方案:需要 root 权限,兼容性较差
  2. Alpine Linux 安装步骤

    pkg update && pkg upgrade pkg install proot wget tar mkdir -p ~/alpine && cd ~/alpine wget http://dl-cdn.alpinelinux.org/alpine/v3.18/releases/x86_64/alpine-minirootfs-3.18.4-x86_64.tar.gz tar xvf alpine-minirootfs-3.18.4-x86_64.tar.gz
  3. Ubuntu 安装步骤

    pkg update && pkg upgrade pkg install proot wget tar mkdir -p ~/ubuntu && cd ~/ubuntu wget https://partner-images.canonical.com/core/focal/current/ubuntu-focal-core-cloudimg-amd64-root.tar.gz tar xvf ubuntu-focal-core-cloudimg-amd64-root.tar.gz
  4. 启动脚本配置

    • Alpine 启动脚本:~/start-alpine.sh
    • Ubuntu 启动脚本:~/start-ubuntu.sh
  5. 自动启动配置

    • 修改 ~/.bashrc 方法
    • Termux:Boot 插件方法(推荐)
    • 别名快捷方式方法
  6. 开发环境配置

    • Ubuntu 环境:build-essential, Python3, Node.js, Go
    • Alpine 环境:build-base, Python3, Node.js, Go
  7. 优化建议

    • 性能优化:存储到外部 SD 卡,使用 --link2symlink 参数
    • 网络配置:端口映射和 DNS 配置
    • 存储优化:定期清理包缓存
  8. 执行指南文档

    • 创建了详细的 termux-magic-guide.md 执行指南
    • 包含完整的环境要求、安装步骤、配置方法和故障排除
    • 提供了 Alpine 和 Ubuntu 两种发行版的完整安装流程
    • 包含开发环境配置和测试验证步骤
  9. 源码修改方案

    • 创建了 termux-source-modify-guide.md 源码修改指南
    • 提供了通过修改 Termux 开源源码重新生成 APK 的完整方案
    • 包含环境配置、源码修改、编译打包、测试验证的详细步骤
    • 涵盖了 TermuxService.java 修改、预置脚本添加、应用定制等高级功能

用户偏好记录

  • 默认使用中文进行交流
  • 要求在 readme 文件中记录输入和输出内容,便于项目复现
  • 每次项目内容大修改后都要上传到 git

注意:本项目是为 iFlow CLI 用户提供的一个示例开发环境,可以根据实际需求进行定制和扩展。

About

自用python+nodejs22+rust

Language
HTML87.8%
Dockerfile12.2%