Tutorial
插件与扩展:如何扩展 Pocket Code 的功能
了解如何安装、配置和创建自己的插件,从而在 Pocket Code 中定制你的开发体验。
2 min
作者 Pocket Code Team插件与扩展:如何扩展 Pocket Code 的功能
插件是 Pocket Code 定制化的核心。借助扩展系统,你可以让 IDE 完全契合自己的工作流程。
什么是插件?
插件是用于扩展 Pocket Code 基础功能的模块。它们可以添加:
- 对新语言的支持
- 代码分析工具
- 与外部服务的集成
- 自定义主题和样式
- 快捷键与自动化
安装你的第一个插件
从侧边栏菜单打开 Marketplace,搜索你所需要的插件。点击 安装,它便会自动激活。
入门推荐插件
| 插件 | 描述 | 类别 |
|---|---|---|
| Prettier | 自动代码格式化 | 生产力 |
| ESLint | JavaScript 静态分析 | 质量 |
| GitLens | 高级 Git 可视化 | 版本控制 |
| REST Client | 直接测试 API | 工具 |
| Tailwind CSS IntelliSense | Tailwind 自动补全 | 前端 |
插件配置
每个插件都有自己的配置区域,可从 设置 > 插件 进入:
{
"prettier": {
"tabWidth": 2,
"singleQuote": true,
"trailingComma": "es5"
},
"eslint": {
"autoFixOnSave": true,
"rules": {
"no-unused-vars": "warn"
}
}
}
创建你自己的插件
Pocket Code 的插件 SDK 让你能够使用 JavaScript 创建扩展:
// my-plugin/index.js
export default {
name: "my-plugin",
version: "1.0.0",
activate(context) {
// 你的初始化代码
context.registerCommand("myPlugin.greeting", () => {
context.showMessage("Hello from my plugin!");
});
},
deactivate() {
// 停用时进行清理
},
};
插件结构
my-plugin/
├── package.json # 插件元数据
├── index.js # 入口点
├── README.md # 文档
└── assets/ # 图标和资源
└── icon.svg
发布
- 使用
pocket-cli pack打包你的插件 - 将文件上传到 Marketplace
- 等待审核(24-48 小时)
- 面向社区上线!
SDK API
SDK 提供对以下内容的访问:
- 编辑器 API — 操作文本、选区和光标
- 文件系统 API — 读取和写入项目文件
- UI API — 创建面板、按钮和通知
- 终端 API — 执行命令
- Git API — 版本控制操作
最佳实践
- 性能:启动时只加载必要的内容
- 权限:只申请你实际使用的权限
- 文档:附上清晰的 README
- 版本管理:更新时遵循 SemVer
- 测试:在不同屏幕尺寸上进行测试
插件让 Pocket Code 成为一款可无限适配的 IDE。探索 Marketplace 或创建你自己的扩展,提升你的生产力。