s96a5g9f8iyh / measure

📏 Measure UI for PSD

measure

Open source Project for Measure (psd) easily

• Live Demo
• 中文文章

Getting started

npm i measure-export-cli -g
# Run the online server
measure-export start path/to/psdDir
# Build assets in $PWD/dist
measure-export build path/to/psdDir

measure-export --help
measure-export start --help
measure-export build --help

Processor about the monorepo

TODO

• integration tests should be applied on ui and cli

Packages

• chrome-extension-measure-viewer - PSD measure viewer
• html-measure - Make html to be measurable written by React
• meas-ui - Measure UI for making PSD/SVG/HTML to be measurable
• measure-export - Make measure UI exported for teamwork
• measure-export-cli - Command line for measure export
• @moyuyc/psd-html - Make it a fun to create spec by psd for developers and teammates

Related

• sketch measure - Make it a fun to create spec for developers and teammates
• psd.js - A Photoshop PSD file parser for NodeJS and browsers

Developing

• Install dependencies

  npm install

• This repo use lerna for managing multiply packages, so need to bootstrap dependencies of each package.

  npx lerna bootstrap

  Note: It will run prepare script of each packages in this step

• Dev & Build for each available packages

  # Watch mode
  npm run dev
  
  # Build
  npm run dist

Contributing

• Fork it!
• Create your new branch:
  git checkout -b feature-new or git checkout -b fix-which-bug
• Start your magic work now
• Make sure testing passes
• Commit your changes:
  git commit -am 'feat: some description (close #123)' or git commit -am 'fix: some description (fix #123)'
• Push to the branch: git push
• Submit a pull request :)

Authors

This library is written and maintained by imcuttle, [email protected].

License

MIT