Visual Studio Code : Extensiones para desarrollo web
IntelliSense for CSS class names in HTML
→ Ir a la Página oficial de IntelliSense for CSS class names in HTML
Con IntelliSense for CSS class names in HTML vamos a poder escribir codigo mucho mas rapido css en nuestro documento html, php.
Podemos utilizar palabras reservadas de bootstrap como lo muestra la imagen.
A medida que vamos escribiendo el nombre de la clase la extensión 'IntelliSense for CSS class names in HTML' nos muestra todos los nombres de clases que coinciden.
Bootstrap 5 Quick Snippets
→ Ir a la Página oficial de Bootstrap 5 Quick Snippets
Extensión de fragmento rápido simple pero efectiva para Visual Studio Code ( VSCode ). Contiene 179 fragmentos de código para construir la interfaz de usuario de Bootstrap más rápido. Este complemento funciona tanto en la versión estable como en la versión interna.
Para usar los fragmentos de código de arranque, abra un archivo HTML y comience a escribir y b5-, a continuación, presione Ctrl+Space. Aparecerá una lista de fragmentos de arranque
Bootstrap 5 CDN Snippet con página AMP
→ Ir a la Página oficial de Bootstrap 5 CDN Snippet con página AMP
Atajos / Comandos : Comandos principales
| Dominio | **Texto de ayuda ** |
|---|---|
| !bcdn | Crea una plantilla de inicio de Bootstrap 4. Con Jquery, popper.js y Font-Awesome 5 |
| !bcdn5 | Crea una plantilla de inicio de Bootstrap 5. Con popper.js y Font-Awesome 5 |
| !bcdnamp5 | Crea una plantilla de inicio de Bootstrap 5. Con página AMP, Jquery, popper.js y Font-Awesome 5 |
| !bcss | Crea una plantilla de inicio de Bootstrap 4. Solo con CSS (No Jquery) y Font-Awesome 5 |
| !b3cdn | Crea una plantilla de inicio de Bootstrap 4. Con Jquery, Font-Awesome 4.7 |
| !bcdnajax | Crea una plantilla de inicio de Bootstrap 4. Con Jquery, popper.js y Font-Awesome 5 (soporte Ajax) |
| !bcdnjs | Crea todos los enlaces de secuencias de comandos para JS (solo enlaces) |
| !bcdncss | Crea todos los enlaces de estilo para CSS (solo enlaces) |