1/12
TRAE AI 创造力大赛 · 学习工作赛道

中文编程 IDE

本土化零基础编程开发工具

创意介绍

想解决什么问题:当下主流编程环境均采用英文语法体系,对于国内中小学生以及零基础编程爱好者较为不友好,浅层翻译类工具无法顺畅完成完整的程序开发学习。

为什么会想到做这个:不少想要接触编程的初学者,被大量英文关键字、英文报错提示阻碍了入门进程,因此构思这款搭载专属中文语法体系的编程IDE,在一定程度上弥补英文编程环境对国内母语学习者不够友好的问题。

大概是什么产品:网页端交互式集成开发系统。

核心创新点:

· 全中文语法体系 —— 从关键字到报错信息,全部使用中文

· 古风界面设计 —— 中国红与古典蓝配色,融入传统文化元素

· 零门槛入门 —— 无需背诵英文词汇,母语即可编程

目标用户及痛点

面向用户

  • 中小学编程启蒙学生
  • 无英语基础的编程爱好者
  • 传统文化数字化创作者

使用场景

  • 学校编程课堂启蒙教学
  • 个人自制小型实用工具
  • 简易程序编写练习

当前痛点:现有各类编程软件的语法指令、运行报错、功能注释全部为英文内容,初学者需要额外背诵大量专业英文词汇,遇到程序错误还要反复翻译解读,大大增加了入门学习的阻力,缺少贴合中文母语习惯的轻量化学习载体。

价值与意义

社会价值:打造母语友好的本土化编程学习环境,弱化英文带来的入门壁垒,助力国内青少年数字编程基础教育普及,让更多零基础普通人可以轻松开启程序创作的学习之路。

效率提升:整体界面、语法指令、报错提醒全部采用中文展示,搭配适配国人的中文编写语法,学习者不用花费额外时间查阅英文翻译资料,有效缩短编程入门的学习周期,降低新手试错理解成本。

文化传承:将中华传统文化元素融入编程工具设计,在技术产品中传承和弘扬中华文化,增强文化自信。

文化理念

「文以载道,技以传心」

本IDE之设计,溯源于中华九千年文明之积淀,融合传统文化与现代科技,以期开辟一条独具东方神韵的编程之路。

笔墨之道:古之文人,以笔墨为器,书写锦绣文章;今之学子,以中文为码,编织数字乾坤。「设」「知」「当」「显示」诸般指令,皆取法于文言之简练,寓编程于文脉之中,使初学者如沐春风,不觉枯燥。

丹青之韵:界面配色取法于传统国画之设色——中国红如朱砂点染,古典蓝似青花泼墨,鎏金色若泥金题签,宣纸色仿素笺铺陈。每一处色彩,皆蕴含东方美学之精髓;每一帧画面,尽现中华艺术之神韵。

章句之美:语法体系借鉴古典文学之章法,「设」如起兴,「知」如论断,「当」如设问,「从...到...」如铺陈。代码之结构,犹如文章之脉络;程序之逻辑,恰似诗词之格律。

家国情怀:科技无国界,然文化有根源。吾辈致力于打造属于中国人自己的编程工具,以母语为桥,连接传统与未来,让每一位学习者都能在代码中感受到中华文化的深厚底蕴,增强文化自信,传承民族精神。

「以中文之美,创数字之新」

中文语法示例

以下为本中文编程IDE语法演示样例

代码编辑

# 定义变量(常名) 姓名 "张三" 年龄 18 # 输出内容 显示("学生姓名:" + 姓名) 显示("学生年龄:" + 年龄)

运行结果

>> 学生姓名:张三 >> 学生年龄:18

代码编辑

# 条件判断 年龄 18 年龄 大于等于 18 成立时 显示("已成年") 不然 显示("未成年")

运行结果

>> 已成年

代码编辑

# 循环结构 1 5 依次执行 显示("当前数字:" + 当前数)

运行结果

>> 当前数字:1 >> 当前数字:2 >> 当前数字:3 >> 当前数字:4 >> 当前数字:5

代码编辑

# 定义工序(函数) 制作工序 计算圆面积(半径) 圆周率 3.14159 面积 圆周率 × 半径 × 半径 返回 面积 # 调用工序 结果 计算圆面积(5) 显示("半径为5的圆面积:" + 结果)

运行结果

>> 半径为5的圆面积:78.53975
界面设计理念

界面采用古风设计风格,融入中华传统文化元素:

配色方案

  • 中国红 —— 主色调,象征热情与活力
  • 古典蓝 —— 辅助色,代表理性与沉稳
  • 鎏金色 —— 点缀色,增添典雅气质
  • 宣纸色 —— 背景色,营造书卷气息

视觉元素

  • 传统纹样装饰边框
  • 书法字体标题
  • 卷轴式布局结构
  • 印章式图标设计
技术实现路径
  • 前端界面:依托轻量化Web标准栈(HTML5/CSS3/JavaScript)搭建国风交互界面,定位为未来自研中文操作系统配套开发工具,支持多终端兼容访问
  • 词法分析:自定义词法分析器(Lexer),将中文源代码转换为Token流,支持中文关键字、中文运算符、中文注释等
  • 语法分析:递归下降语法分析器(Parser),构建抽象语法树(AST),支持变量声明、条件判断、循环结构、函数定义、类定义、异常处理等完整语法
  • 代码生成:代码生成器(CodeGenerator),将AST转换为JavaScript代码,支持闭包封装和沙箱执行
  • 代码执行:沙箱执行环境,安全隔离全局作用域,支持实时运行与调试
  • 错误提示:全中文错误诊断系统,提供友好、易懂的报错信息,包含行号定位
  • 跨平台导出:支持导出为Web、Vue、React、微信小程序、抖音小程序等多种平台格式
  • 编辑器功能:语法高亮、代码折叠、自动缩进、行号显示、快捷键支持等专业编辑器特性
使用流程

快速开始

  1. 访问首页了解产品
  2. 点击"立即体验IDE"
  3. 选择代码示例或编写代码
  4. 点击"运行"查看结果
  5. 导出代码到目标平台

学习路径

  1. 阅读帮助文档了解语法
  2. 尝试基础示例代码
  3. 编写简单程序练习
  4. 掌握函数和类的使用
  5. 开发完整项目并导出
功能特性

编辑功能

  • 语法高亮(关键字、字符串、数字、注释)
  • 代码折叠(条件、循环、函数、类)
  • 自动缩进(智能识别代码块)
  • 行号显示与当前行高亮
  • 实时语法检查
  • 快捷键支持(Ctrl+S保存、Ctrl+Enter运行)

运行功能

  • 实时运行与输出
  • JavaScript代码转换预览
  • AST结构可视化
  • 错误捕获与提示
  • 代码示例模板

导出功能

  • 中文源码导出(.中码)
  • Web平台导出(HTML/CSS/JS)
  • Vue组件导出(.vue)
  • React组件导出(.jsx)
  • 微信小程序导出
  • 抖音小程序导出

辅助功能

  • 完整中文帮助文档
  • 多语言支持
  • 国风界面设计
  • 响应式布局
  • 代码统计(行数、字符数)
技术架构

编译器架构(三阶段):

1. 词法分析 (Lexer):将源代码字符串分解为Token序列

2. 语法分析 (Parser):根据语法规则构建抽象语法树(AST)

3. 代码生成 (CodeGenerator):遍历AST生成目标语言代码

整个编译器采用模块化设计,各阶段相互独立,便于扩展和维护。词法分析器支持中文关键字、中文运算符、中文标点符号;语法分析器实现了完整的程序结构解析;代码生成器支持多平台目标代码生成。

拾壹
项目亮点
  • 全中文语法体系:从关键字到报错信息全部使用中文,真正的母语编程体验
  • 国风设计风格:中国红、古典蓝、鎏金色配色,融入传统文化元素
  • 零门槛入门:无需背诵英文词汇,中文即可编程,降低学习门槛
  • 跨平台支持:一键导出多种平台格式,一次编写,多端运行
  • 实时反馈:即时运行、即时反馈,提升学习效率
  • 模块化架构:编译器、编辑器、导出器独立模块,易于扩展和维护
  • 拾贰
    应用场景

    教育领域

    • 中小学编程启蒙教学
    • 兴趣班编程入门课程
    • 校本课程开发工具

    个人开发者

    • 快速原型开发
    • 小程序开发
    • 日常工具编写

    企业培训

    • 零基础员工培训
    • 业务流程自动化
    • 内部工具开发

    文化传播

    • 传统文化数字化
    • 中文编程推广
    • 开源社区贡献
    ◆ ◆ ◆