Prévisualisation en temps réel
utils.ts — Mon Thème
EXPLORATEUR
main.ts
utils.ts
styles.css
config.json
README.md
utils.ts
main.ts
styles.css
1// Utility functions — ThemeCraft preview
2import { Logger } from "./logger"
3
4const MAX_RETRIES = 3
5const BASE_URL = "https://api.example.com"
6
7export async function fetchUser(id: number) {
8 let attempts = 0
9 while (attempts < MAX_RETRIES) {
10 try {
11 const res = await fetch(`${BASE_URL}/users/${id})
12 return res.json()
13 } catch {
14 attempts++
15 }
16 }
17}
⎇ main TypeScript UTF-8 Ln 7, Col 24
Nom du thème : Publisher : → dossier : moi.mon-theme-1.0.0
🌗

Adaptation automatique OS (sombre / clair)

Ouvrir les paramètres JSON

Ctrl+Shift+P → taper Open User Settings JSON → Entrée

Puis ajouter (en remplaçant par les labels exacts de vos thèmes) :

🔧

Dépannage — thème invisible après installation ?

!

1. Vérifier que l'extension est détectée

Si rien n'apparaît → le nom du dossier ou le champ publisher dans package.json ne correspondent pas.

!

2. Format obligatoire du dossier

Le dossier doit s'appeler moi.mon-theme-1.0.0 — format publisher.name-version. Sans le publisher, VSCode ignore silencieusement l'extension.

⚠ C'est la cause n°1 du thème invisible : le dossier s'appelait mon-theme-1.0.0 au lieu de moi.mon-theme-1.0.0.
!

3. Forcer le rechargement complet

Un simple Reload Window (Ctrl+Shift+P → Reload) ne relit pas le dossier d'extensions. Fermer entièrement l'éditeur et le rouvrir, ou :

!

4. Vérifier la structure du dossier

Doit afficher au minimum : package.json, mon-theme-dark.json, mon-theme-light.json