====== VSCodium ======

===== Installation sous Windows =====

  * [[https://github.com/VSCodium/vscodium/releases]]
  * **Assets**
  * Cliquer sur **Show all 216 assets**
  * Télécharger la version **MSI** en **64bits**
    * Exemple: **VSCodium-x64-1.82.0.23250.msi**
  * Installer

===== Installation sous Debian/Ubuntu =====

  * [[https://github.com/VSCodium/vscodium/releases]]
  * **Assets**
  * Cliquer sur **Show all 216 assets**
  * Télécharger la version **DEB** en **64bits**
    * [[https://github.com/VSCodium/vscodium/releases/download/1.82.0.23250/codium_1.82.0.23250_amd64.deb]]
  * Installer avec cette ligne de commande :

<code bash>
dpkg -i codium_1.82.0.23250_amd64.deb
</code>

===== Extensions =====

**Material Icon Theme**

{{:divers:screenshot_20231014_073653.png|}}

**PHP**

{{:divers:screenshot_20230912_175135.png|}}

**Python**

{{:divers:screenshot_2023-09-08_102013.png|}}

**Prettier - Code formatter**

{{:divers:screenshot_2023-09-08_102443.png|}}

**Pretty XML - Code formatter pour XML**

{{:divers:screenshot_2024-03-05_083540.png|}}

**Live Sass Compiler**

{{:divers:screenshot_2023-09-15_104944.png|}}

:-) Pour éviter l'apparition du panel **Output** à chaque compilation, aller dans les
paramètres de l'extension et régler **Show Output Window On** sur **error**.

**Git History**

{{:divers:screenshot_2023-09-08_104241.png|}}

**Twig Language 2**

{{:divers:screenshot_2023-09-08_104412.png|}}

**Better Jinja**

{{:divers:screenshot_2023-09-08_104639.png|}}

**SSH FS**

{{:divers:screenshot_2023-09-11_102631.png|}}

Exemple de config dans **settings.json** :

<code javascript>
{
    "sshfs.configs": [

        {
            "name": "dev.domaine.com",
            "host": "dev.domaine.com",
            "username": "marc",
            "password": "xxxxxxxxx",
            "root": "/var/www/"
        }
    ]
}
</code>

**REST Client**

{{:divers:screenshot_20240204_063944.png|}}

**Bookmarks**

{{:divers:screenshot_2024-02-14_085108.png|}}

**Todo Tree**

{{:divers:screenshot_2024-02-23_112854.png|}}


===== File Associations =====

Associer le type **jinja-html** aux fichier **.html** :
  * Ouvrir un fichier **html**
  * Dans la barre de status, le type de fichier **HTML** est indiqué
  * Cliquer sur ce type de fichier et sélectionner la commande **Configure file association for '.html'**
  * Sélectionner **Jinja HTML**

{{:divers:screenshot_20231108_221354.png|}}

===== Emmet =====

Activer **Emmet** pour les fichiers **Jinja-HTML** :
  * Settings > Extensions > Emmet
  * Section **Include Languages**
  * Ajouter **jinja-html** -> **html**

{{:divers:screenshot_20231109_064414.png|}}


===== Mes raccourcis clavier personnalisés =====

  * Ouvrir **File** > **Preferences** > **Keyboard shortcuts** (ou ''Ctrl+K Ctrl+S'')
  * Entrer la **commande** dans la zone de recherche
  * Si un raccourci est déjà associé à cette commande, un bouton d'édition apparaît au survol de la ligne
  * Si aucun raccourci n'est associé à cette commande, un bouton d'ajout apparaît au survol de la ligne
  * Dans les deux cas, cliquer sur le bouton d'ajout/d'édition permet d'enregistrer un nouveau raccourci

^ Commande                                 ^ Raccourci         ^ Description                  ^
| workbench.action.terminal.toggleTerminal | ''Ctrl+T Ctrl+T'' | View: Toggle Terminal        |
| workbench.action.toggleMaximizedPanel    | ''Ctrl+M Ctrl+M'' | View: Toggle Maximized Panel |