詹瞻要去哪

笔记本

谢谢你,翻开这尘封的笔记本。


一份来自 iOS🙈 的零基础 After Effects CEP 教程 -- [ 1 ] 开发环境搭建



开发工具

  • After Effects CC 2017 (可以是其他宿主软件,后面插件配置会讲)
  • 文本编辑器
  • Chrome 浏览器 (或者调试工具)

编辑器

CEP 插件是个本地 web 项目,它的开发基于 HTML 和 JavaScript,所以任何你熟悉的文本编辑器都可以胜任开发工作。
我使用的是 WebStorm 。

调试工具

如果你在宿主软件中进行调试,那么每次修改代码都要重启插件查看效果,还要忍受无尽的 alert() 和 $.writeln() 去查看结果,所以要选择适当的调试工具,虽然作用有限。

CEP 扩展可以远程调试(即在浏览器中打开调试页面),曾经可以使用 Chrome 浏览器进行调试,不过从 CEP6.1 开始,用主流版本的 Chrome 浏览器打开远程调试会出现很多 BUG,所以你需要下载 CEP Client for Mac || CEP Client for Win 进行远程调试,你可以把它理解为一个支持远程调试的浏览器。

Adobe ExtendScript Toolkit CC

用于测试 ExtendScript 脚本,调用宿主应用的各种功能都需要 ExtendScript 脚本。
推荐在 Adobe Creative Cloud 下载,具体使用将在下一篇文章细讲。

配置开发环境


1. 设置 CC 扩展开发者模式

通常情况下宿主应用是不会运行未经签名扩展的,只有打包并签名才可以运行,而修改项目会使签名失效,这样我们就没法即时测试开发的扩展了,所以我们要打开开发者模式:

  • Mac 系统
    打开终端
 $ brew install nvm defaults write com.adobe.CSXS.6 PlayerDebugMode 1

其中 com.adobe.CSXS.6 中的 CSXS.6 随着宿主应用的版本替换成下面的值:

   CC & CC 2014:   CSXS.5
   CC 2015:     CSXS.6
   CC 2015.5 &之后: CSXS.7

  • Win 系统

 1. 打开到注册表(运行 regedit):

CC、CC 2014:HKEY_CURRENT_USER\Software\Adobe\CSXS.5
CC 2015:HKEY_CURRENT_USER\Software\Adobe\CSXS.6
CC 2015.5 及以后:HKEY_CURRENT_USER\Software\Adobe\CSXS.7

 2. 添加 字符串值 项 PlayerDebugMode,将值设置为 1

参考

Adobe 在 Github 上提供了相关资源下载:
CEP-Resources 包括文档、资源文件、签名 CMD

浅藏的宝藏
Adobe CEP 开发

上面的博客是同个人写的,是我入门的主要教材,写得非常详细。
我的文章中很多内容都是参考它写出来的。
有基础想深挖的可以用心去看看。
当然能看懂英文文档就更好。
深深谢意。
   

打赏一个呗

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦