• Stars
    star
    135
  • Rank 269,297 (Top 6 %)
  • Language
    JavaScript
  • License
    Other
  • Created over 8 years ago
  • Updated over 4 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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