2010-05-01 14 views
10

Ho visto nei video che le persone ottengono template html digitando "html: 5" o qualcosa di simile (btw, non stanno usando notepad ++). E 'possibile in notepad ++? Grazie.Notepad ++ template premade

+0

video come questo? (TextMate per Mac) http://www.youtube.com/watch?v = jqj1t4qFFwM – scunliffe

+0

Sì, ho trovato QuickText, ma non funziona più. Qualcuno potrebbe usare n ++ per consigliare un altro plugin? – bah

risposta

17

Un po 'tardi, ma quello che stai cercando si chiama Zen Coding.

Il Zen Coding project hosted on Google ha un plugin for NotePad++ che dovrebbe fare esattamente quello che ti serve.

Ad esempio, inserendo qualcosa di simile:

html> testa + corpo> div # content> ul.nav> li * 5

Seguito da Ctrl +E, si espande in:

+0

Quello è nifty ... –

+0

Come accennato in http://docs.emmet.io/:! "[Emmet] (http://emmet.io/) (precedentemente conosciuto come Zen Coding) è un toolkit di web-developer questo può migliorare notevolmente il tuo flusso di lavoro HTML e CSS. " – Mohsenme

+0

Dove dovrei inserire quei comandi? – mr5

-6

In realtà, si chiama marcando il codice. Anche se "zen coding" sta diventando ben noto al posto del markup, è il termine originale per costruire una struttura per il tuo codice; che rende più facile per gli altri leggere.

Per quanto riguarda il modello Notepad ++, temo che sia difficile trovare modelli pubblici personalizzati. Sebbene il programma sia dotato di modelli personalizzati, come il modello Hello Kitty, la soluzione migliore sarebbe chiedere alle persone nelle comunità di programmazione online.

Il mio preferito è DreamInCode, dove offrono aiuto e supporto, oltre a tutorial molto istruttivi su numerosi linguaggi di programmazione e sviluppo web diversi. Sono fiducioso che se non riesci a trovarne uno che ti piace è stato pubblicato lì, se ce ne sono, qualcuno sarebbe felice di aiutarti.

1

È possibile utilizzare QuickText per creare i propri modelli. Sembra che QuickText non sia più supportato, ma funziona ancora, la documentazione ha solo dei contenuti sbagliati.

+0

Non è proprio il caso di link al tuo blog come "informazioni di contatto" in un post. Lo sto modificando dal tuo post; non farlo in futuro, o potresti essere cancellato come "spam". –

11

Ora si chiama Emmet plug-in Notepad ++

Basta digitare html: 5 e premere controllo + Alt + Invio e si otterrà il seguente markup:

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

</body> 
</html> 
2

Utilizzando NP ++ v6.1.4, ho fatto in modo che funzionasse abbastanza rapidamente:

  • Scegliere Plugins -> Gestione Plugin -> Visualizza Plugin Manager
  • Attendere che tutti i plugin per essere mostrato, e selezionare la casella Emmet
  • Può avvisare l'utente che Python verrà installato anche
  • Una volta che si completa la sua installazione, permettono NP ++ per essere riavviato, e ora è possibile utilizzare il numero di Emmet dispone :)

ora, basta digitare! e premi ctrl-alt-invio.

+1

Ciò usata per funzionare, ma non sembra con V6.6. – Mark