2014-03-26 14 views
9

Brackets scheint nett, aber ich bin Begegnung mit zwei Probleme, die es mit:Klammern: Wie funktioniert Autocomplete/Autoindent?

Erste, ich in der Regel zur automatischen Vervollständigung Tags auf diese Weise: div.class - PRESS TAB - wird <div class="class"></div>

ich nicht erreichen kann ... Ich habe versucht, das Herunterladen nichts ein Bündel von Plug-in, arbeitet ...

Zweite Problem:

#container 
    h3 
     color: $ltGreen 
     text-transform: uppercase 
     font-size: em(24) 
     margin-bottom: 0.5em 
     font-weight: bold 

In diesem Beispiel, Wenn ich die Eingabe/Return-Taste irgendwo in diesem Teil des Codes drücken, kommt der Cursor an den Anfang der Zeile zurück ... So muss ich Tab viel Zeit jedes Mal drücken, drücken Sie Enter/Return ...

Ist es möglich, das in Brackets zu tun? Wie ?

Antwort

8

Für die erste Ausgabe versuchen Sie Emmet extension. Sie können genau das CSS-like shorthand verwenden und es automatisch in HTML-Code expandieren.

Für die zweite Frage, in welcher Art von Datei sind Sie? Brackets verwendet "intelligenten Einzug", um den Cursor basierend auf der Syntax des Codes auf neuen Zeilen zu positionieren. Wenn Sie in einer HTML-Datei sind, folgt sie der Verschachtelungsebene der Tags, die den Cursor umgeben, um zu entscheiden, wie weit der Einzug erfolgen soll (da der obige Code keine korrekte HTML-Syntax ist, wird er nicht als Hinweis für den Einzug verwendet) - Es wird als reiner Text behandelt, der ignoriert werden soll. Wenn Sie in einer einfachen Textdatei sind, folgt sie nur dem Einzug der nahegelegenen Zeilen (damit das Problem, das Sie beschreiben, wird nicht passieren).

Es sieht so aus, als ob Sie tatsächlich "classic"-style Sass Code in diesem Fall schreiben würden? Wenn ja, stellen Sie sicher, dass Sie die Standard-Dateierweiterung .sass verwenden und Zeilenumbrüche sollten automatisch die richtige Einzugsebene erhalten.

Hier ist, was eine .sass Datei wie Geben Sie vor dem Drücken aussehen soll: enter image description here

Und nach dem Enter-Taste - beachten Sie den Cursor ist richtig eingerückt: enter image description here

+0

Für die erste Frage: Danke :), für die zweite Frage verwende ich Sass-Syntax für .sass-Dateien. Deshalb verstehe ich nicht ... – enguerranws

+0

Emmet macht einen perfekten Job für HTML/CSS. Haben Sie das gleiche für PHP- und JS-Dateien? Ich kann nicht glauben, dass diese Dinge nicht von nativen Web-Editor kommen ... – enguerranws

+0

@enguerranws: Ich habe oben Screenshots hinzugefügt. Sieht es für Sie nicht so aus, wenn Sie eine '.sass'-Datei öffnen? Ich bin nicht sicher, ob es etwas wie Emmet für PHP oder JS-Code gibt. Gibt es andere Editoren mit einer solchen Funktion? Ein Beispiel zu sehen könnte bei der Suche nach etwas ähnlichem helfen. (Beachten Sie jedoch: Die JS-Code-Hinweise akzeptieren Camelcase-Übereinstimmungen und andere Kürzel - das ist ein _bit_, was Sie wollen). – peterflynn

0

Try Shift + Enter, wenn den Tag wird vorgeschlagen.

+0

das ist hilfreich, wenn Kommentar .... das ist für mich funktioniert ich Google dann öffne diese Seite als erste und ich suche nach diesem Hotkey. Aber das ist nicht die Antwort. besser als Kommentar –

+0

Danke! Das wollte ich wissen, als ich gegoogelt habe und diese Frage gefunden habe. – NealWalters

Verwandte Themen