Testez votre configuration des formulaires dans VS Code.
L'extension est disponible dans VS Code desktop ainsi que directement dans le navigateur via github.dev et vscode.dev, sans installation locale.
- Installez MTESS Formulaires bac a sable à partir de VS Code Marketplace.
- Ouvrez un fichier YAML avec un nom terminant par .form.yml
- Faites (
F1) ou (Cmd+Shift+P) et tapezbac à sablepour ouvrir la fenêtre, ou faites (Ctrl+S) pour enregistrer et prévisualiser. - Suivez les instructions de configuration.
Ajouter ces configuration dans le fichier de configuration de votre VS code ou via les paramètres dans les préférences.
{
// Requis: Url du service de rendu
"mtessFrwBacasable.url": "https://formulaires.it.mtess.gouv.qc.ca/form/700000/render",
// Optionnel: Emplacement d'ouverture du panneau de preview
"mtessFrwBacasable.pane": "Beside",
// Optionnel: Déploiement des skills IA (défaut: true)
"mtessFrwBacasable.deployAiSkills": true
}L'extension déploie automatiquement au premier lancement les fichiers nécessaires pour que les assistants IA comprennent le projet :
CLAUDE.mdet.claude/skills/— instructions et skill pour Claude CodeGEMINI.mdet.gemini/settings.json— instructions et configuration MCP pour Gemini CLI.mcp.json— configuration du serveur MCP partagée (autres clients MCP)
Ces fichiers ne sont créés que s'ils sont absents, pour ne pas écraser vos personnalisations.
L'extension expose également un outil de langage (mtess-frw-bacasable_preview) compatible avec tout assistant IA supportant l'API Language Model Tools de VS Code (Claude, GitHub Copilot, etc.) : l'assistant peut déclencher lui-même la prévisualisation dans le bac à sable après avoir modifié un formulaire.
Si quelque chose cloche, il est possible d'ouvrir le panneau de développement de Chrome avec (Cmd+Shift+P) et voir la console.
Installez les dépendances avec yarn, puis démarrez le projet en debug Run > Start Debugging dans VS Code.
Icons made by (https://www.freepik.com) from (https://www.flaticon.com)