• Aller sur https://code.visualstudio.com/docs/setup/linux
• Télécharger le fichier depuis le lien .deb package (64-bit)
• Installer avec la commande suivante :

su
cd /home/marc/Téléchargements
apt install ./code_1.40.2-1574694120_amd64.deb

Pour qu'elle fonctionne sous Ubuntu 20.04 il faut installer le paquet sqlite

sudo apt install sqlite

Source: https://github.com/AlexCovizzi/vscode-sqlite/issues/119

Supporte MySQL/MariaDB, Microsoft SQL Server, PostgreSQL, SQLite, MongoDB, Redis, et ElasticSearch.

• 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 HTML (Twig)

Pour l'associer aux fichiers html, ajouter ceci dans les paramètres :

"files.associations": {
  "*.html": "jinja-html"
},

• Dans la page de Settings, rechercher l'option Emmet: Include Languages
• Cliquer sur Edit in settings.json
• Dans le fichier settings.json, ajouter cette section :

"emmet.includeLanguages": {
    "twig": "html",
},

Le paramètre est appliqué dès qu'on sauvegarde le fichier settings.json.

L'indentation par défaut est de 8 pixels. Pour plus de clarté je l'augmente un peu.

Settings > Workbench > Appearance > Tree: Indent

Fichier de configuration :

/home/marc/.config/Code/User/keybindings.json

// Place your key bindings in this file to override the defaultsauto[]
[
    {
        "key": "ctrl+t ctrl+t",
        "command": "workbench.action.terminal.toggleTerminal"
    },
    {
        "key": "ctrl+m ctrl+m",
        "command": "workbench.action.toggleMaximizedPanel"
    }
]

Depuis la Command Palette (Ctrl+Shift+P) sélectionner Preferences: Open Settings (JSON)

/home/marc/.config/Code/User/settings.json

{
    "workbench.tree.indent": 16,
    "files.associations": {
        "*.html": "twig"
    },
    "emmet.includeLanguages": {
        "twig": "html"
    },
    "emmet.extensionsPath": "",
    "workbench.iconTheme": "material-icon-theme",
    "liveSassCompile.settings.generateMap": false
}