5 步跑通 GriddyCode:用 Godot 引擎定制你的代码编辑器完整指南
2026/8/22 12:01:06 网站建设 项目流程

5 步跑通 GriddyCode:用 Godot 引擎定制你的代码编辑器完整指南

【免费下载链接】griddycodeA code editor made with Godot. Code has never been more lit!项目地址: https://gitcode.com/GitHub_Trending/gr/griddycode

GriddyCode 是一个用 Godot 4.2 引擎开发的开源代码编辑器,语法高亮、自动补全和主题配色全部由 Lua 脚本驱动,5 步就能跑起来一个完全属于你的代码编辑器。

🎮 认识 GriddyCode:游戏引擎做的代码编辑器长什么样

它基于 Godot 引擎,默认 1920×1080 窗口。开箱即用包括:

  • 代码编辑:基于 Godot 的 CodeEdit 组件,支持语法高亮、当前行高亮、选中词高亮
  • 实时自动补全:输入时触发,函数和变量带不同图标(见Scripts/settings.gd里的补全逻辑)
  • 18 个 Lua 主题:位于 Lua/Themes/,含 Catppuccin、GitHub、Tokyo Night、Nord、Monokai 等
  • 15 个语言插件:位于 Lua/Plugins/,覆盖 c、cpp、cs、go、java、js、py、lua、json 等
  • 着色器特效:Shaders/ 里有 VHS & CRT、阳光、绿幕等滤镜
  • 注释彩蛋:按 Ctrl + L,编辑器随机挑一条"用户评论",头像、日期、点赞全是随机的

它解决了什么痛点

传统编辑器的外观和功能都是固定的,而 GriddyCode 把这两层能力放进了纯 Lua:

想改什么改哪里
关键词颜色主题 .lua 里几行set_keywords
界面背景、高亮同文件的set_gui
支持新语言新建一个与扩展名同名的 .lua

整个项目的代码全部开放,会 Godot 的人还能直接改注释面板、文件选择器等原生功能。

🚀 克隆仓库,5 步跑通 GriddyCode

准备环境

  • 系统:主要在 Linux 上测试,官方明确不支持 macOS
  • 字体:装 Nerdfont,否则文件选择器图标会变成"□"
  • 引擎:Godot v4.2(即 project.godot 中声明的版本)

运行步骤

  1. 克隆仓库:
git clone https://gitcode.com/GitHub_Trending/gr/griddycode
  1. 安装 Godot 4.2,用它打开项目目录下的project.godot
  2. 按 F5 运行,主场景是Scenes/editor.tscn
  3. 进入编辑器后按Ctrl + I查看内置的快速入门
  4. Ctrl + O打开你的第一个文件,开始写代码

常用快捷键:

快捷键功能
Ctrl + O打开文件选择器
Ctrl + T打开主题切换面板
Ctrl + I打开介绍面板
Ctrl + L打开随机注释彩蛋菜单
Ctrl + ,打开设置面板
Ctrl + = / Ctrl + -放大 / 缩小

🎨 3 步定制你自己的主题

新建主题文件

在 themes 文件夹里放入一个 .lua 文件即可被识别:

  • Linux:~/.local/share/godot/app_userdata/Bussin GriddyCode
  • Windows:%APPDATA%\Godot\app_userdata\Bussin GriddyCode

比如新建mytheme.lua。注意 Lua 脚本只在切换到不同文件扩展名重启编辑器时重载,刚改完没生效先切个文件试试。

设颜色与辉光

set_keywords("reserved", "ff00ff") -- 保留字颜色 set_gui("background_color", "0d1117") -- 背景 set_gui("font_color", "eef4fa") -- 字体 disable_glow() -- 浅色主题记得关辉光

set_gui可设 background_color、current_line_color、selection_color、font_color、word_highlighted_color 等。两个坑:

  • 浅色主题务必调用disable_glow(),否则 Godot 的辉光效果可能让整屏变白
  • 填错 HEX 会回退成红色(#ff0000)

直接抄 Lua/Themes/ 里任意文件(如 GitHub Dark.lua)改色值即可。

🧩 1 个 Lua 文件扩展编辑器:给编辑器加一门语言

写一个语言插件

支持新扩展名,就在langs文件夹里新建与扩展名同名的 .lua,例如toml.lua

highlight("key", "reserved") -- 关键词上色 highlight_region('"""', '"""', "string") -- 多行字符串区域 function detect_functions(content, line, column) return { "build", "deploy" } -- 进入自动补全 end

要点:

  • highlight第二参数可用 10 种预置色:reserved、annotation、string、binary、symbol、variable、operator、comments、error、function、member
  • highlight_region只能按起止符号匹配,不支持正则(Godot 的限制)
  • detect_functionsdetect_variables的返回值会直接出现在补全菜单里
  • add_comment("一句话")能把句子加进 Ctrl + L 的随机注释池

Lua/Plugins/ 里的 15 个现有插件(py.lua、js.lua 等)可以直接当模板。

👥 GriddyCode 适合谁用

  • Linux 用户:克隆即可跑,轻量、启动快,主要测试平台就是 Linux
  • 主题与插件作者:编辑器外观和语言支持全在 Lua 层,写扩展比改底层代码简单得多
  • Godot 爱好者:源码是很好的"游戏引擎还能干嘛"示例
  • 团队用户:共享同一批主题和插件文件,人人环境一致

局限也要说清楚:官方不支持 macOS;部分浅色主题配合 VHS & CRT 着色器会整屏发白(README 中列为高优先级问题);超过约 1600 行的文件存在相机跑位问题。需要编辑超长文件或人在 macOS 的话,建议再观望。

📝 参与贡献:从一个主题或插件开始

  1. 查看 README.md 里 "Current bugs/needed features" 一节,问题已按高/中/低优先级列好
  2. 本地装 Godot 4.2 验证改动可用,不要提交可执行文件
  3. 提交主题或插件,把文件加进Lua/ThemesLua/Plugins目录

行动建议:现在克隆仓库按 F5 跑起来,按Ctrl + T把 18 个内置主题切一遍;找到顺眼的配色后,复制那个 .lua 文件当底稿,只改两三个色值,你就有了第一个自己的主题。

核心关键词:GriddyCode 代码编辑器 | 长尾关键词:Godot 代码编辑器、代码编辑器 Lua 插件、代码编辑器主题定制

【免费下载链接】griddycodeA code editor made with Godot. Code has never been more lit!项目地址: https://gitcode.com/GitHub_Trending/gr/griddycode

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询