Die Winkelentwicklung mit erhabenem Text ist machbar, erfordert jedoch eine manuelle Konfiguration, um die Effizienz zu verbessern. Installieren Sie zuerst Node.js und Angular CLI und erstellen oder führen Sie das Projekt über "NG New" oder "Ng Serve" aus oder führen Sie sie aus. ?ffnen Sie das Projektroot -Verzeichnis in Sublime, um auf die Kerndatei zuzugreifen. Installieren Sie dann die erforderlichen Plugins wie TypeScript, AngularJS, EMMET, LSP-TypePescript oder LSP-ESLint, um die Sprachunterstützung und Code-Eingabeaufforderungen zu verbessern. Passen Sie dann die Einstellungen an, aktivieren Sie Funktionen wie automatische Fertigstellung, Eindrückungsanpassung und konfigurieren Sie Abkürzungsschlüssel und Build -Systeme, um Angular -Befehle auszuführen. Verwenden Sie schlie?lich die Funktion mit Split-Screen-Funktion, um gleichzeitig die .TS-, .html- und .css-Dateien der Komponente zu bearbeiten und erstellen Sie Code-Snippets (wie NGComponent), um die Entwicklung zu beschleunigen. In diesen Schritten kann Sublime zwar keine tiefe Integration in IDE haben, aber dennoch ein effizientes und leichtgewichtiges Winkelentwicklungserlebnis erzielen.

Die Verwendung von Sublime Text mit Angular ist v?llig machbar, obwohl er nicht das Plug-and-Play-Setup im Vergleich zu schwereren IDes wie VS-Code ist. Wenn Sie jedoch bereits daran gew?hnt sind, einen leichteren Redakteur zu erw?gen oder zu bevorzugen, k?nnen Sie es gut funktionieren, ohne zu viel Produktivit?t zu beeintr?chtigen.

Richten Sie Ihre Umgebung richtig ein

Stellen Sie vor dem Eintauchen in die Bearbeitung von Dateien sicher, dass Sie über Node.js und Angular CLI installiert sind - das ist Standard für jedes Winkelprojekt. Sobald dies festgelegt ist, k?nnen Sie ein Winkelprojekt mit ng new my-app oder ng serve generieren oder ?ffnen, um einen Dev-Server zu starten.

In Sublime ist das Schlüssel, Ihren Arbeitsbereich zu organisieren. ?ffnen Sie den Wurzelordner Ihres Winkelprojekts - dort lebt angular.json . Auf diese Weise Zugriff auf alle Kerndateien wie src/ , app/ und assets/ .

Ein paar Dinge zu überprüfen:

• Stellen Sie sicher
• Installieren Sie ein Paket wie TypeScript (von Package Control), um einen besseren TS -Support zu erhalten

Installieren Sie nützliche Pakete für die Winkelentwicklung

Sublime ist nicht mit eckelspezifischen Funktionen aus der Box ausgestattet, aber ein paar Pakete machen einen gro?en Unterschied.

Hier sind die hilfreichsten:

• TypeScript : Fügt Syntax-Hervorhebung, automatische Vervollst?ndigung und einige grundlegende Intelligenz hinzu
• AngularJs (ja, es hilft immer noch): bietet Snippets und einige Vorlagenunterstützung, obwohl es technisch für Angular 1.x ist
• Emmet : beschleunigt das HTML -Schreiben in Komponentenvorlagen
• LSP-TypePescript oder LSP-ESLint : Für Echtzeit-Lining- und Code-Vorschl?ge (Sie müssen LSP in Einstellungen aktivieren)

Verwenden Sie zur Installation, um sie zu installieren, und verwenden Sie die Paketsteuerung ( Cmd Shift P oder Ctrl Shift P ) und suchen Sie nach jedem einzelnen.

Passen Sie Einstellungen für einen besseren Workflow an

Out of the Box, Erhabener ist schnell, aber hübsche Barebones. Sie k?nnen ein paar Einstellungen optimieren, um kantigfreundlicher zu gestalten.

?ffnen Sie Einstellungen> Einstellungen und fügen Sie diese Optimierungen hinzu:

 {
  "auto_complete": true,
  "tab_size": 2,
  "translate_tabs_to_spaces": true,
  "Highlight_Modified_tabs": true,
  "show_encoding": true
}

Erw?gen Sie au?erdem, Tastaturverknüpfungen für h?ufige Winkelaufgaben wie das Ausführen ng serve oder ng generate component einzurichten. Sie k?nnen benutzerdefinierte Build -Systeme unter Tools> Build System> New Build -System erstellen, mit denen Sie Terminalbefehle direkt von Sublime ausführen k?nnen.

Arbeiten Sie effizient mit geteilten Ansichten und Ausschnitten

Eine der St?rken von Sublime besteht darin, in mehreren Dateien gleichzeitig zu arbeiten. Verwenden Sie die Split -Ansicht ( Alt Shift 2 oder Alt Shift 3 für vertikale/horizontale), um Ihre Komponente .ts , .html und .css -Dateien nebeneinander ge?ffnet zu halten. Es ist besonders praktisch, wenn Sie Winkelkomponenten bauen.

Sie k?nnen auch Ihre eigenen Snippets für h?ufig verwendete Winkelmuster erstellen - z. B. das Erstellen einer neuen Komponente manuell oder das Einfügen einer Serviceinjektion.

Erstellen Sie beispielsweise ein Snippet namens ngComponent.sublime-snippet mit dieser Art von Inhalten:

 <Snippet>
  <Content> <! [CDATA [
@Komponente({
  Selector: &#39;App-$ {1}&#39;,
  templateurl: &#39;./$ <
  StyleUrls: [&#39;./$ <
})
Exportklasse $ {2} Komponente {}
]]> </content>
</snippet>

Geben Sie nun einfach ngComponent ein und klicken Sie auf die Registerkarte, um eine vollst?ndige Komponentenhülle einzufügen.

Das ist es im Grunde genommen. Sublime bietet Ihnen keinen vollwinkelischen Sprachdienst oder eine tiefe Vorlageprüfung, es sei denn, Sie leichten Werkzeuge wie LSP und externe Linter. Mit dem richtigen Setup ist es jedoch immer noch eine solide Option für Winkelprojekte-insbesondere wenn Sie Geschwindigkeit und Einfachheit über feature-haavy-IDES sch?tzen.

Das obige ist der detaillierte Inhalt vonWie benutze ich Sublime Text mit Angular?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!