2010-05-01 48 views
10

He visto en videos, que la gente obtiene una plantilla html escribiendo "html: 5" o algo así (por cierto, no están usando notepad ++). ¿Es esto posible en el bloc de notas ++? Gracias.Notepad ++ plantilla prefabricada

+0

videos como este? (TextMate para Mac) http://www.youtube.com/watch?v = jqj1t4qFFwM – scunliffe

+0

Sí, encontré QuickText, pero ya no funciona. ¿Alguien que use n ++ podría recomendar otro complemento? – bah

Respuesta

17

Un poco tarde, pero lo que está buscando se llama Codificación Zen.

El Zen Coding project hosted on Google tiene un plugin for NotePad++ que debería hacer exactamente lo que necesita.

Por ejemplo, si escribe algo como:

html> cabeza + cuerpo> div # content> ul.nav> li * 5

Seguido por Ctrl +E, se expande en:

<html> 
    <head></head> 
    <body> 
     <div id="content"> 
      <ul class="nav"> 
       <li></li> 
       <li></li> 
       <li></li> 
       <li></li> 
       <li></li> 
      </ul> 
     </div> 
    </body> 
</html> 
+0

¡Es ingenioso! ... –

+0

Como se menciona en http://docs.emmet.io/: "[Emmet] (http://emmet.io/) (anteriormente conocido como Zen Coding) es un kit de herramientas para desarrolladores web eso puede mejorar enormemente su flujo de trabajo de HTML y CSS ". – Mohsenme

+0

¿Dónde debo ingresar esos comandos? – mr5

-6

En la actualidad, se llama marcar su código. Aunque la "codificación zen" se está haciendo bien conocida en lugar del marcado, es el término original para construir una estructura para su código; lo que hace que sea más fácil para otros leer.

En lo que se refiere a la plantilla para Notepad ++, me temo que es difícil encontrar plantillas públicas personalizadas. Aunque el programa viene con plantillas personalizadas, como la plantilla de Hello Kitty, su mejor opción sería preguntar a las personas en las comunidades de programación en línea.

Mi favorito personal es DreamInCode, donde ofrecen ayuda y soporte, así como tutoriales bastante informativos sobre numerosos programas informáticos diferentes y lenguajes de desarrollo web. Estoy seguro de que si no puede encontrar uno que le guste que haya sido publicado allí, si lo hubiera, alguien estaría encantado de ayudarlo.

1

Puede usar QuickText para crear sus propias plantillas. Parece que QuickText ya no es compatible, pero aún funciona, la documentación solo tiene contenido incorrecto.

+0

No es apropiado vincular a su blog como "información de contacto" en una publicación. Estoy editando eso fuera de tu publicación; no lo haga en el futuro, o puede ser eliminado como 'spam'. –

11

Ahora se llama Emmet plug-in en Notepad ++

Sólo tienes que escribir html: 5 y pulse control + alt + enter y obtendrá el siguiente marcado:

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

</body> 
</html> 
2

Uso NP ++ v6.1.4, hice que esto funcionara muy rápidamente al hacer esto:

  • Elija Complementos -> Gestor de Programas -> Gestor Mostrar complemento
  • esperar a que todos los plugins para ser mostrado, y marca la casilla Emmet
  • Puede que le avise de que Python también se instalará
  • Una vez que complete su instalación, permita reiniciar NP ++, y ahora puede usar las muchas funciones de Emmet :)

Ahora, simplemente escriba! y presiona ctrl-alt-enter.

+1

Esto solía funcionar, pero no parece con v6.6. – Mark