I Built a Web-Based Code Editor for SA-MP Scripting

我为 SA-MP 脚本编写构建了一个基于 Web 的代码编辑器

I Built a Web-Based Code Editor for SA-MP Scripting — Here’s Why. A lightweight, browser-based code editor built specifically for SA-MP (San Andreas Multiplayer) developers. 我为 SA-MP 脚本编写构建了一个基于 Web 的代码编辑器——原因如下。这是一个专为 SA-MP（圣安地列斯多人联机）开发者打造的轻量级浏览器代码编辑器。

The Problem

痛点所在

If you’ve ever developed a SA-MP gamemode, you know the struggle. The default tool — Pawno — is a relic from the early 2000s. No syntax highlighting that actually works, no auto-complete for SA-MP keywords, no dark mode, and no way to run it on anything other than Windows. I wanted something better. Something I could open in a browser, anywhere, anytime. So I built Pawn Studio. 如果你曾经开发过 SA-MP 游戏模式，你一定了解其中的艰辛。默认工具 Pawno 是 21 世纪初的“古董”。它没有真正好用的语法高亮，没有 SA-MP 关键字的自动补全，没有深色模式，而且除了 Windows 之外无法在任何系统上运行。我想要更好的工具，一个可以随时随地在浏览器中打开的编辑器。于是，我构建了 Pawn Studio。

What is Pawn Studio?

什么是 Pawn Studio？

Pawn Studio is a web-based code editor designed specifically for SA-MP scripting using the Pawn language. It runs entirely in the browser — no installation needed. 🔗 GitHub: github.com/Julakk/pawn-studio Pawn Studio 是一个基于 Web 的代码编辑器，专为使用 Pawn 语言进行 SA-MP 脚本编写而设计。它完全在浏览器中运行，无需安装。🔗 GitHub: github.com/Julakk/pawn-studio

Features (so far)

目前已实现的功能

✅ Already shipped: ✅ 已上线功能：

• Open & Save files — load your .pwn files directly from your device
• 打开与保存文件 — 直接从设备加载你的 .pwn 文件
• Dark mode — easy on the eyes during late-night scripting sessions
• 深色模式 — 在深夜编写脚本时保护视力
• Line numbers — always know where you are in the code
• 行号显示 — 随时掌握代码位置
• Syntax highlighting — Pawn language support out of the box
• 语法高亮 — 开箱即用的 Pawn 语言支持
• Search & Replace — find and fix across your entire file
• 搜索与替换 — 在整个文件中查找并修复代码
• Tabs — work on multiple files at once
• 标签页 — 同时处理多个文件
• Auto-complete — basic keyword suggestions as you type
• 自动补全 — 输入时提供基础关键字建议
• Include support — handles #include directives properly
• Include 支持 — 正确处理 #include 指令

What’s Coming Next

未来规划

I’m actively working on the next set of features: 我正在积极开发下一阶段的功能：

• Real compiler via server — compile your script and see errors in real-time, without leaving the browser
• 基于服务器的实时编译器 — 在浏览器内直接编译脚本并实时查看错误
• Auto-complete for SA-MP keywords — full native function suggestions (AddPlayerClass, SetGameModeText, etc.)
• SA-MP 关键字自动补全 — 提供完整的原生函数建议（如 AddPlayerClass, SetGameModeText 等）
• Internal file manager — browse and manage your project files from within the editor
• 内置文件管理器 — 在编辑器内浏览和管理项目文件
• Custom color themes — pick your own syntax highlight colors
• 自定义配色主题 — 选择你喜欢的语法高亮颜色

Tech Stack

技术栈

• Vanilla HTML, CSS, JavaScript
• 原生 HTML, CSS, JavaScript
• No heavy frameworks — keeps it fast and lightweight
• 无臃肿框架 — 保持快速与轻量
• Hosted as a static web app
• 以静态 Web 应用形式托管

Why I Built This

开发初衷

I run a game server hosting business focused on SA-MP servers in Indonesia. Most of my clients are developers who script their own gamemodes — and they constantly asked for a better editor that works on any device. Pawn Studio started as a personal tool and grew into something I wanted to share with the whole SA-MP community. 我在印度尼西亚经营着一家专注于 SA-MP 服务器的游戏托管业务。我的大多数客户都是编写自己游戏模式的开发者，他们一直希望能有一个能在任何设备上运行的更好用的编辑器。Pawn Studio 最初只是一个个人工具，后来发展成我想与整个 SA-MP 社区分享的项目。

Try It Out

立即尝试

⭐ If you find it useful, a star on GitHub goes a long way! 🔗 github.com/Julakk/pawn-studio ⭐ 如果你觉得它有用，在 GitHub 上点个星是对我最大的支持！🔗 github.com/Julakk/pawn-studio

Got feedback or feature requests? Open an issue — I read every single one. Built with ❤️ for the SA-MP scripting community. 有反馈或功能建议？请提交 Issue，我会阅读每一条反馈。这是我为 SA-MP 脚本社区倾心打造的作品。