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

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

【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
        },
    ]
}

接着点击底部 选