Soporte para IDE

mdui está optimizado para VS Code y WebStorm; en esos IDE tendrás autocompletado de código y sugerencias emergentes.

VS Code

mdui instalado mediante npm

Si instalaste mdui mediante npm, puedes habilitar el soporte de IDE de mdui en el proyecto actual siguiendo estos pasos:

1. Crea el directorio .vscode en la raíz del proyecto.
2. Crea el archivo settings.json dentro del directorio .vscode.
3. Agrega el siguiente código al archivo settings.json:

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

Si el archivo settings.json ya existe, solo necesitas agregar las dos líneas anteriores al nodo raíz del documento JSON. Después de modificar, reinicia VS Code.

mdui usado mediante CDN

Si usas mdui mediante CDN, puedes instalar la extensión de mdui para VS Code para obtener soporte de IDE.

Busca mdui en la tienda de extensiones de VS Code, selecciona el primer resultado para instalar, o haz clic aquí para instalar. Una vez instalada, todos los proyectos tendrán soporte de IDE de mdui.

Se recomienda instalarlo mediante npm y configurar el archivo settings.json en lugar de instalar la extensión de VS Code, para asegurar que el soporte de IDE esté sincronizado con la versión de mdui que estás utilizando.

WebStorm

mdui instalado mediante npm

Si instalaste mdui mediante npm, puedes habilitar el soporte de IDE de mdui en el proyecto actual siguiendo estos pasos:

1. Agrega el siguiente código al nodo raíz del archivo package.json en la raíz del proyecto:

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

Si el nodo raíz del archivo package.json ya tiene la propiedad web-types, solo necesitas agregar ./node_modules/mdui/web-types.en.json al array web-types. Después de modificar, reinicia WebStorm.

mdui usado mediante CDN

Si usas mdui mediante CDN, puedes instalar el plugin de mdui para WebStorm para obtener soporte de IDE.

Busca mdui en el mercado de plugins de WebStorm, selecciona el primer resultado para instalar. Una vez instalado, todos los proyectos tendrán soporte de IDE de mdui.

Se recomienda instalarlo mediante npm para obtener soporte de IDE en lugar de instalar el plugin de WebStorm, para asegurar que el soporte de IDE esté sincronizado con la versión de mdui que estás utilizando.

Diferencias en el soporte entre VS Code y WebStorm

El soporte de mdui para VS Code y WebStorm tiene algunas diferencias. La siguiente tabla detalla las diferencias: