@smag-web-front/smag-cap-components

Smag.cap.components

IDE Setup

• VSCode
• NodeJS : version 16
• NVM : permet de gérer les version de node

Extensions

• SCSS IntelliSense : Récupération et support intelissence des variables, functions, mixins des références du projets
• Vue Language Features (Volar) : Support extension de base de vue dans VsCode
• TypeScript Vue Plugin (Volar) : Support Typescript de vue dans VsCode
• CommitLint : validation des message commits

Get started

Access token configuration

Avant tout un token doit être créé dans le profil gitlab pour permettre à npm d'accèder au package registry de smag

• Aller sur https://gitlab.infra.smag.tech
• Profil Gitlab > Edit Profil > Access Token > Add a personal access token ( cocher toute les cases )
• Executer la commande suivant avec le token généré fourni dans l'étape précédente (remplacer $MonToken)

npm config set //gitlab.infra.smag.tech/api/v4/packages/npm/:_authToken $MONTOKEN

Première installation

npm install

Lancement du projet en local

• En standalone avec storybook

npm run serve

• Build pour intégration dans SmagWeb

npm run serve:sw

Troubleshooting

Lors de la récupération d'une nouvelle branche, il peut être utile de mettre à jour les modules installés.

Si toute fois le projet ne se lance pas correctement

• Suppression du package-lock.json
• Suppression du dossier node_modules
• relancer le projet

Commit

• Penser aux semantic commits !