@1024pix/pix-ui 中文文档教程

Question

• Présentation de Pix-UI
• Installation de l'addon Pix-UI
• Développment de Pix-UI
• Lancement de storybook en local

Pix-UI

Pix-UI c'est l'implementation des principes du de Pix 设计系统。 Cela se matérialise par :

• un addon ember, permettant l'utilisation composants UI Pix sur des applications ember externes
• un site statique, présentant les composants UI Pix : https://1024pix.github.io/pix-ui/

Version du projet :

• Ember CLI v3.25.1
• Node 14.16.0

Installation de l'addon Pix-UI

将 utiliser les composants sur une application Ember externe, il faut installer l'addon ember Pix-UI avec la commande :

• npm install @1024pix/pix-ui@<tag_souhaité>

Quel tag choisir ?

doit corresporesre au numéro de version à installer. Ce numéro de version 对应 à une release。 例如，在 peut remplacer par v0.1.1 上。 Pour voir la liste des tags de Pix-UI，c'est par ici.

Installation par défaut

Il est possible d'installer Pix UI sans #，auquel cas ce sera la dernière version qui sera installée。

加上 d'informations sur les tags git ici。

Développement de Pix-UI

• git clone https://github.com/1024pix/pix-ui.git
• cd pix-ui
• npm install

Création d'un composant Pix-UI

• ember g pix-component <nom_du_composant>

加上la creation de composant ici 上的信息。

Lancement de storybook en local

Pour visualiser les composants créés, il faut lancer 故事书：

• npm run storybook