Supporto IDE

mdui è ottimizzato per VS Code e WebStorm, offrendo funzionalità come il completamento automatico del codice e suggerimenti al passaggio del mouse.

VS Code

Per mdui installato tramite npm

Se hai installato mdui tramite npm, puoi abilitare il supporto IDE VS Code per il tuo progetto seguendo questi passaggi:

1. Crea una directory .vscode nella root del tuo progetto.
2. All'interno della directory .vscode, crea un file settings.json.
3. Aggiungi il seguente codice a settings.json:

   {
     "html.customData": ["./node_modules/mdui/html-data.en.json"],
     "css.customData": ["./node_modules/mdui/css-data.en.json"]
   }
   

Se settings.json esiste già, aggiungi semplicemente le righe sopra alla radice del documento JSON. Riavvia VS Code dopo aver apportato queste modifiche.

Per mdui utilizzato tramite CDN

Se stai utilizzando mdui tramite CDN, puoi installare l'estensione mdui VS Code per il supporto IDE.

Cerca mdui nel marketplace delle estensioni VS Code, seleziona il primo risultato e installalo, oppure clicca qui per installarlo. Questo abiliterà il supporto IDE mdui per tutti i progetti.

Dai la priorità all'installazione npm e alla configurazione di settings.json rispetto all'estensione VS Code per garantire che il supporto IDE sia allineato con la versione di mdui in uso.

WebStorm

Per mdui installato tramite npm

Per abilitare il supporto IDE WebStorm per mdui installato tramite npm:

1. Aggiungi la seguente Proprietà alla radice del file package.json del tuo progetto:

   {
     "web-types": ["./node_modules/mdui/web-types.en.json"]
   }
   

Se package.json ha già una Proprietà web-types, aggiungi ./node_modules/mdui/web-types.en.json all'array web-types. Riavvia WebStorm dopo queste modifiche.

Per mdui utilizzato tramite CDN

Se stai utilizzando mdui tramite CDN, puoi installare il plugin mdui WebStorm per il supporto IDE.

Cerca mdui nel marketplace dei plugin WebStorm, seleziona il primo risultato e installalo. Questo abiliterà il supporto IDE mdui per tutti i progetti.

Dai la priorità all'installazione npm e alla configurazione di package.json rispetto al plugin WebStorm per garantire che il supporto IDE sia allineato con la versione di mdui in uso.

Differenze nel supporto tra VS Code e WebStorm

Il supporto mdui varia tra VS Code e WebStorm. La tabella seguente dettaglia le differenze: