UI DNA Save

programmable and semantically UI design tool for Photoshop

Project README

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

Open Source Agenda is not affiliated with "UI DNA" Project. README Source: nullice/UI-DNA
Stars
137
Open Issues
3
Last Commit
4 years ago
Repository

Open Source Agenda Badge

Open Source Agenda Rating