Categorías: [Curso] Netbeans 11

Emmet en Netbeans 8.2, 9 y 10 [Como programar mas rapido]

INTRODUCCIÓN

Hay varias formas de programar mas rápido hoy en dia y una de ella son los famosas hot-key o atajos de teclado y una herramienta que nos ayuda a implementar estas hot-key es emmet.

Emmet es un pluging  que se instala en nuestro IDE y que nos ayuda a gestionar nuestros hot-keys

Emmet es compatible con varios IDES entre ellos están:
-Sublime Text.
-Atom.
-Coda.
-Eclipse/Aptana.
-TextMate 2.
-Expresso
-Netbeans (No puede faltar).
Y 20 ides mas que podemos encontrar en esta url: https://emmet.io/download/

En este tutorial vamos a aprender a instalar y a configurar emmet en netbeans 8, pero tambien es compatible con netbeans 9, 10 y 11.

PROCEDIMIENTOS

Url del pluging de emmet https://emmet.io/download/

Despues de colocar el texto debemos presionar

ctrl+alt+n
!
<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>

    </body>
</html>
meta:vp
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
link:css
<link rel="stylesheet" href="style.css">
ul>li{item $}*5
<ul>
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>
    <li>item 4</li>
    <li>item 5</li>
</ul>
header>nav#id-menu.class-menu>ul>li{item $}*5>a:link
<header>
    <nav id="id-menu" class="class-menu">
        <ul>
            <li>item 1<a href="http://"></a></li>
            <li>item 2<a href="http://"></a></li>
            <li>item 3<a href="http://"></a></li>
            <li>item 4<a href="http://"></a></li>
            <li>item 5<a href="http://"></a></li>
        </ul>
    </nav>
</header>
section>article>p{lorem}*2
<section>
    <article>
        <p>lorem</p>
        <p>lorem</p>
    </article>
</section>
footer#pie.class-pie>p{Copyrigth 2019}
<footer id="pie" class="class-pie">
    <p>Copyrigth 2019</p>
</footer>
a:link[target=_blank]

<a href="http://" target="_blank"></a>

Url plugin para netbeans: http://plugins.netbeans.org/plugin/48315/
Url de lista de abreviaturas: https://docs.emmet.io/cheat-sheet/

Eugenio Chaparro

Compartir
Publicado por
Eugenio Chaparro

Entradas recientes

🟢Editar código de un módulo en Dolibarr [04]

🟢Editar código de un módulo en Dolibarr [04]

En este tutorial vamos editar el código de nuestro módulo personas para poder personalizar algunas…

2 meses hace
🟢Crear un sub_módulo en Dolibarr [03]

🟢Crear un sub_módulo en Dolibarr [03]

En este tutorial vamos a crear un sub módulo llamado seguridad que será muy parecido…

2 meses hace
🟢Modificar un módulo en Dolibarr [02]

🟢Modificar un módulo en Dolibarr [02]

En este tutorial aprenderemos a editar el objeto personas del modulo persona que creamos en…

2 meses hace
🟢Constructor de módulos en Dolibarr

🟢Constructor de módulos en Dolibarr

Como mencionamos anteriormente Dolibarr es un proyecto realizado sobre la base de una política clara:…

2 meses hace
🟢Tickets en Dolibarr [19]

🟢Tickets en Dolibarr [19]

Los ticket en dolibarr nos ayudan a comunicar inconveniente en nuestros productos y servicios dentro…

2 meses hace
🟢Agenda en Dolibarr [18]

🟢Agenda en Dolibarr [18]

Las agendas en dolibarr nos ayudan a ver las actividades realizadas en proceso y por…

2 meses hace