2012-06-02 6 views

Antwort

31

Die automatische Vervollständigung ist standardmäßig aktiviert, wenn Sie "<" und Ihr Tag verwenden und dann die Eingabetaste drücken. Wenn Sie also <p eingeben und dann Enter drücken, wird das Tag-Paar für Sie beendet ... wo Sie mit <p></p> enden und Ihr Cursor wird in der Mitte sein. Sie können dies auf Registerkarte ändern, wenn Sie es vorziehen, indem Sie den folgenden in Ihre Einstellungen Einfügen -> Einstellungen - Benutzerdatei:

{ 
    "auto_complete_commit_on_tab": true 
} 

Dadurch wird der Standardwert false für den Abschluss auf der Registerkarte außer Kraft setzen. Auch das ist nur dann der Fall, wenn Sie einen Tab anstelle von Enter verwenden möchten.

11

Sie können versuchen, emmet Paket zu verwenden. Es wurde speziell für html & css code completion gemacht. Für weitere Informationen sollten Sie the documentation lesen.

11

Hey, Sie können versuchen, https://github.com/agibsonsw/HTMLAttributes oder installieren Sie throught Paket Paket namens "HTMLAttributes";). Es funktioniert für mich. Zum Beispiel geben Sie ein:

<p dann drücken Sie die Leertaste, dann Strg + Leerzeichen und Sie haben eine Liste von Attributen.

+0

Ihr Beispielsatz ist hier unvollständig. Verwenden Sie das Markdown-Markup, wenn Sie HTML-Tags in die Antwort einfügen müssen. –

6

Ich hatte das gleiche Problem; Obwohl ich beide Plug-in-Pakete HTMLAttributes und Emmet verwende, bietet keiner die Auto-Vervollständigen-Funktionalität, nach der ich gesucht habe und die der von Dreamweaver ähnelt.

Lösung: Ich habe ein Paket namens SublimeCodeIntel gefunden, das genau das tut, was ich brauchte.

Beispiel: Ich Code HTML-E-Mails und eine Menge Inline-CSS. Endziel:

<td style="vertical-align:top;"> 

Nach SublimeCodeIntel Installation, tippte ich <td style="v und eine Liste der CSS-Eigenschaften, beginnend mit „v“ wird angezeigt.

enter image description here

meine Pfeiltasten, wähle ich vertical-align und drücken tab zu bestätigen, geben dann den Buchstaben „t“ und eine Liste der CSS-Werte zeigt nun.

enter image description here

ich wählen top und dann tab drücken Sie erneut zu meiner Auswahl bestätigen.

Hinweis: Sie können vordefinierte Snippets für Emmet für undefinierte CSS-Eigenschaften erstellen, aber ich wollte etwas "out of the box" anstatt a) lernen, wie man sie über die Dokumentation erstellt (obwohl ich sicher bin, dass es einfach ist) und b) erstelle jedes Mal einen Ausschnitt, wenn ich auf eine undefinierte CSS-Eigenschaft/Wert wie vertical-align stoße.

Hoffe, das hilft.

+0

Das ist in der Tat, was ich suchte - ein Plugin, das ST in eine Light-Version von Webstorm verwandeln wird – Tol182

Verwandte Themen