[TUTO] HA : Installation et configuration de l’add-on Visual Studio Code

1
296

Comment installer et configurer l’add-on Visual Studio Code Home Assistant. Nous verrons ensemble dans cet article comment déployer cet add-on et comment l’utiliser pour éditer des fichiers de votre Home Assistant.

Si vous cherchez à déployer votre première version de Home Assistant, voici un article complet et détaillé pour déployer Home Assistant OS dans une VM Synology.

Prérequis, matériels et versions

Prérequis
Home Assistant OS : version 7.0 (lors de l’écriture du tutoriel)
Lien utile : Github Home Assistant Add-on: Visual Studio Code

L’add-on Visual Studio Code

L’add-on Visual Studio Code vous permet d’éditer l’ensemble des fichiers de configuration de votre Home Assistant avec l’experience utilisateur de l’application Visual Studio Code déjà disponible depuis longtemps sous Windows.

L’éditeur intègre également différentes fonctionnalités comme par exemple l’auto-complétion ou un correcteur de syntax.

Installation et configuration

Depuis le menu de configuration, cliquez sur « Add-ons, Backups & Supervisor ».

Rendez-vous dans l’Add-on Store puis dans la barre de recherche, saisissez « Visual Studio Code ».

Cliquez sur « Install ».

Activez toutes les options puis cliquez sur « Start ».

Voici un exemple lorsque votre add-on est bien démarré.

Depuis le menu de gauche, cliquez sur « Studio Code Server ».

  1. Explorer : Vous permet d’explorer et éditer l’ensemble des fichiers de votre Home Assistant.
  2. Search : Vous permet de rechercher dans l’ensemble des fichiers de votre Home Assistant.
  3. Source Control : Vous permet de créer un « repository » et / ou de « push » votre code dans un github.
  4. Run and Debug : Vous permet de debug votre code.
  5. Exensions : Vous permet d’ajouter des extensions à votre Studio Code Server

Essayons d’éditer un fichier rapidement.

Depuis l’exporer, cliquez par exemple sur le fichier de configuration d’Home Assistant « configuration.yaml ». Le contenu du fichier apparait bien au niveau du panneau principal avec toutes les annotations et les couleurs de syntaxe YAML.

Vous pouvez maintenant utiliser l’add-on Visual Studio Code pour éditer vos fichiers.

1 COMMENTAIRE

LAISSER UN COMMENTAIRE

S'il vous plaît entrez votre commentaire!
S'il vous plaît entrez votre nom ici