Construit avec ❤️ par
Le mécanicien est une chaîne d'outils de conception puissante qui aide les organisations prospectives à s'éloigner d'un flux de travail de conception manuel en automatisant leurs opérations de conception.
État actuel : v1.2.0 est maintenant sorti! Essayez-le et dites-nous ce que vous pensez! v2.0.0-beta.9 est également sorti et nous le testons! N'hésitez pas à le tester aussi!
Pour commencer à utiliser tout de suite et créer un nouveau projet mécanique, exécutez ce qui suit:
npm init mechanic@latest
Cela construira un nouveau projet de mécanique de base, avec une fonction de conception ! Suivez les instructions CLI pour personnaliser, installer et commencer à fonctionner.
Consultez la documentation V1.2.0.
Le repo est géré via Lerna.
| Dépôt | Description |
|---|---|
| création-mécanique | Créateur de squelettes de projet mécanique. |
| @ mécanic-design / CLI | Outil de ligne de commande pour générer de nouveaux projets mécaniciens, des fonctions de conception et une application de création. |
| @ mécanic-conception / noyau | Fonctionnalités mécaniques de base. Utilisé par les outils de conception de Mechanic et définit la classe Mechanic à étendre en tant que moteurs . |
| @ mécanic-design / UI-components | React Bibliothèque des composants destinés à être utilisés comme entrées pour les entrées de fonction de conception. |
| @ mécanic-design / moteur-canvas | Fonction du moteur qui étend la classe Mechanic de base, destinée à rendre des actifs ou des animations statiques construits à l'aide de l'API HTML Canvas. |
| @ mécanic-design / moteur-p5 | Fonction du moteur qui étend la classe Mechanic de base, destinée à rendre des actifs ou des animations statiques construits à l'aide de P5.js. |
| @ mécanic-conception / moteur-réaction | Fonction du moteur qui étend la classe Mechanic de base, destinée à rendre des actifs ou des animations statiques construits à l'aide de composants React qui rendent SVG. |
| @ mécanic-design / moteur-svg | Fonction du moteur qui étend la classe Mechanic de base, indendie pour rendre des actifs ou des animations statiques construits à l'aide de chaînes SVG. |
| @ mécanic-design / utils | Définitions CLI à usage général à utiliser par d'autres packages mécaniciens. |
| @ mécanic-design / dsi-logo-maker | Un projet d'outil de conception fabriqué avec Mechanic pour construire des actifs et des animations qui suit le logo d'identité de DSI. |
Pour commencer, clonez ce dépôt.
Ensuite, exécutez, npm run bootstrap . Cela symbolisera toutes les dépendances ensemble et exécutera npm i à l'intérieur de chaque package. L'exécution npm i dans un dossier de package ne fonctionnera pas.
Cela devrait être suffisant pour tester certaines fonctionnalités individuelles du package, mais pour tester des projets mécaniciens avec des versions de package locales, nous utilisons yalc .
npm link est à court pour reproduire la résolution des dépendances des packages comme les projets le feraient en installant à partir du registre NPM. yalc peut publier localement des packages comme il le ferait au registre NPM, pour ensuite l'utiliser dans des projets locaux.
Pour ce faire, installez d'abord yalc à l'échelle mondiale. Pour publier tous les packages du dépôt, exécutez npm run publish:local . Pour publier un package individuel, exécutez yalc push à partir de son répertoire ou yalc push ./packages/[package] . Exécutez l'une de ces commandes lorsque vous souhaitez mettre à jour le contenu publié.
Ensuite, dans le projet pour tester le ou les packages, avant d'installer des dépendances, exécutez yalc add [package] pour tous les packages que vous souhaitez tester. Installez ensuite normalement avec npm i .
Pour tout autre besoin, consultez la documentation de yalc .
Exécuter npm run publish