nullice / UI-DNA

programmable and semantically UI design tool for Photoshop

UI-DNA

UI 设计构建工具 - Photoshop 扩展 - Windows/MacOS

技术概览

• 本项目是一个 CEP 应用，也就说是基于 Node.js
• 界面框架使用的是 ：Vue.js 1
• 本项目使用 Webpack 2 来打包代码模块
• 本项目使用 Babel 6 （es2015, stage-0）转换 JavaScript ，主要是为了使用 await/async （所有从 CEP 中对 Photoshop 的操作都是异步的）

Build

./DVE 为工作目录

要编译本项目首先需要一个 Node.js 开发环境，首先下载并安装 Node.js, 然后

1. 下载或克隆项目后，在  ./DVE 目录中中执行 npm install 或者  yarn 安装依赖
2. 在  ./DVE 目录下执行 npm run webpack 即可开始构建项目  
3. 构建后的代码生成在 ./DVE/bin 中， bin 文件夹可直接放入 Photoshop 的扩展目录中运行（由于未签名所以需要打开 Photoshop 的调试模式）

结构

UI-DNA 基本结构如下：

更多信息慢慢详细写....

License

LGPL