Programa mas rapido con emmet

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/

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Salir de la versión móvil