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/




Comentarios

Facebook Like

Entri Populer

hackear wifi con kali linux 📡

Instalar Netbeans 10 en Windows 10

Instalar netbeans 10 en ubuntu 18.04