Code Monkey home page Code Monkey logo

generator-gizmo's Introduction

generator-gizmo

Join the chat at https://gitter.im/codearoni/generator-gizmo Dependencies Build Status Build Status MIT licensed

Yeoman generator for Adobe Photoshop Extensions

About

Adobe's extension technology is incredibly powerful, allowing developers to push their tools beyond what Adobe natively provides. However, the toolsets surrounding this technology is currently limited. Extension Builder 3 and Builder for Brackets are both good starting points for developers, but they both suffer the same issue - being tied to a particular IDE and providing little help building your project and automating common tasks. Gizmo is an attempt to recitify this and bring modern web development standards to extension building.

Quick Start

Install generator-gizmo:
npm install -g generator-gizmo

Run

  • Be sure you are in your extension directory.
  • Windows: C:\Program Files (x86)\Common Files\Adobe\CEP\extensions
  • Mac: /Library/Application Support/Adobe/CEP/extensions
Create a new directory, and go to it:
mkdir my_extension && cd $_
Run yo gizmo, and follow the prompts:
yo gizmo

Usage

More information in the usage documentation page

Features

Logo Logo Logo Logo Logo

  • Webpack - Your front-end source files will be bundled for deployment.
  • Multiple JSX - Gizmo preconfigures your extension to load all extendscript files in your /jsx/ directory. No additional code needed.
  • Polyfills - Gizmo provides polyfills for several key ECMA 5 features.
  • SASS - No additional configuration needed to get SASS in your extension.
  • Bower and NPM - Manage your dependencies properly with Bower and NPM.
  • JSHint - Debug your extension with the power of JSHint.
  • Compilation - Gizmo takes the hassle out of compiling your ZXP file and reduces it to a single command.

Roadmap

  • Add support for additional Adobe tools (AI, AE, etc)
  • JSDoc integration
  • Optional scaffolding for popular frameworks (Angular, Backbone, etc)

Other Resources and Special Thanks

Thanks to the following people and groups for their contributions to the extension ecosystem. Gizmo is built on top of what they have shared and created.

  • Davide Barranca - Blog
  • Andy Hall - Blog
  • David Deraedt - Github
  • Hallgrimur Bjornsson - Blog
  • CEP Cookbook 2015 - Link

generator-gizmo's People

Contributors

codearoni avatar gitter-badger avatar

Watchers

Kyaw Kyaw Win avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.