【CEP教程-4】开发工具选择和调试

最新推荐文章于 2025-01-27 19:41:32 发布

郑小强

最新推荐文章于 2025-01-27 19:41:32 发布

阅读量7.2k

点赞数

分类专栏： Adobe CEP PS插件开发文章标签： javascript vscode html

本文链接：https://blog.youkuaiyun.com/emptykid/article/details/120860685

版权

本文介绍了Adobe CEP插件开发中推荐的开发工具，包括Visual Studio Code及其ExtendScript Debugger（尽管存在一些问题），ExtendScript Toolkit（在最新Mac系统上无法安装），以及自行开发的Padda插件。此外，还讲解了如何通过.debug文件和Devtool进行插件面板的调试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这篇文章原文发布在这里：

【CEP教程-4】开发工具选择和调试 - Adobe Photoshop 插件开发

开发工具的选择

上篇文章我们介绍了Adobe CEP插件的基本构成，它包含了由浏览器渲染和交互的面板部分，和实际操作PS完成任务的ExtensionScript部分。

这两块的主要编程语言都是Javascript，所需要用到的技术都是web开发相关的技术栈，所以在选择开发工具上，也会偏向于web前端开发领域。理论上，因为是做页面和JS脚本开发，并不限制你用什么开发工具，只要一个顺手的文本编辑器，能够写Html/css/javascript就可以了。不过处于开发效率，体验上，以及调试的方便性，我们有一些推荐选项。

1. Visual Studio Code

首选，没有之一！

它是目前市面上前端开发最流行的开发工具，免费，易用，还具有丰富的扩展插件供你选择，提升日常开发效率。这里重点强调介绍的是Adobe官方基于VSCode也提供了一款开发调试插件，它能够直接和PS通信，支持调试你的JSX脚本。

ExtendScript Debugger

这里是对应的下载链接地址

安装完成之后，随便新建一个测试文件 demo.js

alert(app.documents.length);

接着打开VSCode左侧运行按钮，创建一个启动配置 launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "extendscript-debug",
            "request": "launch",
            "name": "demo.js",
            "program": "${workspaceFolder}/demo.js",
            "stopOnEntry": false
        },
    ]
}

接着点击底部

最低0.47元/天解锁文章