Das Folgende ist eine Einführung in einige wichtige Sublime Text3-Frontend-Plug-Ins aus der Tutorial-Kolumne Erste Schritte mit Sublime . Ich hoffe, dass es für Freunde hilfreich ist, die es benötigen Es!
Package Control installieren
Bevor Sie das Plug-in installieren, müssen Sie Sublime Package Control installieren lassen. Öffnen Sie die Sublime Text-Konsole, verwenden Sie die Tastenkombination Strg + ~ und geben Sie den folgenden Code in die Konsole ein.
import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
Plug-in installieren
emmet:
Front-End-Artefakt. Eine Toolbox-Komponente, die die HTML- und CSS-Arbeitseffizienz von Webentwicklern erheblich verbessern kann.
CSS3:
CSS3-Syntaxhervorhebung und CSS-Syntax-Eingabeaufforderungen Der einzige Nachteil ist das Fehlen der Hervorhebung privater Browserattribute.
CSS Extended Completions:
CSS-Dateien verknüpfen, den Klassennamen in der CSS-Datei intelligent auffordern, sehr einfach zu verwenden.
JavaScript-Vervollständigungen
Unterstützt native Javascript-Syntax-Eingabeaufforderungen, sodass meine Mutter sich keine Sorgen mehr machen muss, dass ich document.getElementById(id) eingebe ).
jQuery
bietet Beispielcode-Snippets für die meisten Methoden von jQuery, wodurch die API von jQuery einfacher zu verwenden ist.
ColorHighlighter
Es kann den von Ihnen gewählten Farbcode anzeigen (wie „#FFFFFF“, „rgb(255,255,255)“, „weiß“) ist die wahre Farbe. Es enthält auch einen Farbwähler, mit dem Sie die Farben einfach ändern können.
BracketHighlighter
Die Klammern und Tag-Ebenen werden angezeigt, sodass Sie sich keine Gedanken darüber machen müssen, welcher Codeblock ausgewählt wurde Code gehört, es ist auf einen Blick klar.
HTML-CSS-JS Prettify
THML-, CSS-, JS-Codeformatierung, der komprimierte Code kann mit diesem Tool wiederhergestellt werden.
AlignTab
Verwenden Sie reguläre Ausdrücke, um die Codeausrichtung zu unterstützen, z. B. das Ausrichten mehrerer Codezeilen mit =-Zeichen.
Die oben genannten Plug-ins decken HTML, CSS, JavaScript, jQuery, CSS-Farbanzeige, Hervorhebung auf Codeblockebene, Codeformatierung, Codeausrichtung ab. und erfüllen die absoluten Anforderungen der meisten Front-End-Anforderungen.
Was die Verwendung von Sass betrifft, installieren Sie Sass, Sassbuild, Git und laden Sie SublimeGit und Git Gutter herunter. Wenn Sie die Seitenleiste erweitern möchten, erweitern Sie die Seitenleiste Alles in allem ist dies nicht für jeden notwendig.
Hier ist ein weiteres Theme-Plug-in, das meiner Meinung nach relativ umfangreich ist, um visuelle Ermüdung zu vermeiden:
Colorsublime
Nachdem Wenn die Installation abgeschlossen ist, können Sie „Thema installieren“ aufrufen und das Thema online ändern. Es gibt Hunderte von Themen in der Bibliothek, was großartig ist.
Das obige ist der detaillierte Inhalt vonSublime Text3-Frontend-Plugin. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Erhabener Text: Der Preis und sein WertversprechenApr 13, 2025 am 12:06 AMDer Lizenzpreis für Sublimetext beträgt 99 US -Dollar, was es wert ist, gekauft zu werden, weil: 1) es eine effiziente Bearbeitungserfahrung bietet und die Arbeitseffizienz verbessert. 2) Es gibt ein reiches Plug-in-Ökosystem, um die personalisierten Bedürfnisse zu erfüllen. 3) es unterstützt die plattformübergreifende Verwendung und ist für verschiedene Betriebssysteme geeignet. 4) Es kann nach dem Kauf kontinuierliche Updates und technische Support erhalten.
Erhabener Text: Anpassbare und effiziente Code -BearbeitungApr 12, 2025 am 12:08 AMSublimetext ist ein leistungsstarker und hoch anpassbarer Editor. 1) Es unterstützt mehrere Programmiersprachen und bietet Funktionen wie Multi-Line-Bearbeitung, Codefaltung usw. 2) Benutzer können durch Plug-Ins und Konfigurationsdateien anpassen, z. B. PackageControl zum Verwalten von Plug-Ins. 3) Die zugrunde liegende Schicht basiert auf Python, unterstützt Multi-Threading- und GPU-Beschleunigung und hat eine hervorragende Leistung. 4) Die grundlegende Nutzung umfasst Abkürzungschlüsselvorgänge, und die erweiterte Verwendung umfasst Makros und Snippets. 5) Häufig gestellte Fragen wie die Installation des Plug-Ins kann durch Überprüfen des Netzwerks gelöst und aktualisiert werden. 6) Vorschläge zur Leistungsoptimierung umfassen die Reinigung von Plug-Ins und die Verwendung von Cache vernünftigerweise.
Erhabener Text: Lizenzdetails erläutertApr 10, 2025 am 09:34 AMSublimetext's Lizenz ist ein dauerhafter digitaler Schlüssel, der alle Funktionen freischaltet und Testtipps beseitigt. Nach dem Kauf wird es über die offizielle Website aktiviert. Der gleiche Schlüssel kann für den persönlichen Gebrauch durch mehrere Geräte verwendet werden, sodass Sie Verstöße gegen die Nutzungsbedingungen vermeiden müssen.
Erhabener Textverpackungssteuerung: Mastering -PaketverwaltungApr 09, 2025 am 12:08 AMPackageControl verbessert die Entwicklungserfahrung von Sublimetext in den folgenden Schritten: 1. Installieren Sie PackageControl und verwenden Sie einige Befehlszeilen, um sie zu vervollständigen. 2. Zugreifen Sie PackageControl über Abkürzungsschlüssel oder Menüs, um Plug-Ins zu installieren, zu aktualisieren und zu löschen. 3. Säubern und aktualisieren Sie Plug-Ins regelmäßig, um die Leistung zu optimieren und die Entwicklungseffizienz zu verbessern. Durch diese Operationen können sich Entwickler auf die Programmierung konzentrieren und die allgemeine Entwicklungserfahrung verbessern.
Erhabener Textprojektmanagement: Organisieren und Navigieren von CodebasenApr 08, 2025 am 12:05 AMDie Projektverwaltungsfunktion von Sublimetext kann in den folgenden Schritten effizient organisieren und durch die Codebasis navigieren: 1. Erstellen Sie eine Projektdatei und speichern Sie die. 3. Öffnen Sie die Projektdatei und laden Sie die Projektumgebung schnell über OpenProject im Projektmenü. 4. Optimieren Sie Projektdateien, um zu viele Ordner einzubeziehen, und verwenden Sie den Ausschlussmodus, um die Navigationsgeschwindigkeit zu verbessern. In diesen Schritten können Sie die Funktionen von Sublimetext von Projektmanagement verwenden, um die Entwicklungseffizienz und die Codequalität zu verbessern.
Erhabener Textbefehlspalette: Entfesseln Sie die Kraft des ErhabenenApr 07, 2025 am 12:17 AMDie Verwendung der Kommandopalette von Sublimetext kann die Produktivität verbessern. 1) Befehlspalette öffnen (STRL Shift P/Windows/Linux, CMD Shift P/MAC). 2) Geben Sie das Befehlsschlüsselwort ein, z. B. "Installpackage" oder "Darktheme". 3) Wählen Sie Befehle aus und führen Sie aus, z. B. die Installation von Plug-Ins oder das Schalten von Themen. In diesen Schritten kann CommandPalette Ihnen helfen, schnell verschiedene Aufgaben auszuführen und die Bearbeitungserfahrung zu verbessern.
Erhabener Text reguläre Ausdrücke: Mastering -Suche und ErsetzenApr 06, 2025 am 12:15 AMDurch die Suche nach regulären Ausdrücken in Sublimetext können durch die folgenden Schritte gesucht werden: 1. Einschalten der Such- und Ersetzungsfunktion unter Verwendung der Verknüpfungsschlüsseln Strg H (Windows/Linux) oder CMD OPT F (MAC). 2. Überprüfen Sie die Option "regulärer Ausdruck" und geben Sie den regulären Ausdrucksmodus ein, um zu suchen und zu ersetzen. 3. Verwenden Sie die Capture -Gruppe, um den passenden Inhalt zu extrahieren. Verwenden Sie beispielsweise HTTPS?: // (1), um den Domänennamen in der URL zu extrahieren. 4. Testen und debuggen Sie reguläre Ausdrücke, um sicherzustellen, dass der erforderliche Inhalt korrekt übereinstimmt. 5. Optimieren Sie die regulären Ausdrücke, um Überpache zu vermeiden und nicht greedische Übereinstimmungen zu verwenden, um die Leistung zu verbessern. /↩
Erhabene Textaufbausysteme: Zusammenstellen und Ausführen von Code direktApr 05, 2025 am 12:12 AMDie BuildSystems von Sublimetext können automatisch den Code über Konfigurationsdateien kompilieren und ausführen. 1) Erstellen Sie eine JSON -Konfigurationsdatei und definieren Sie die Kompilierungs- und Ausführungsbefehle. 2) Verwenden Sie Verknüpfungsschlüssel, um Buildsysteme auszulösen, um den Befehl auszuführen. 3) Optimieren Sie die Konfiguration, um die Leistung zu verbessern, z. B. die Verwendung von Cache und paralleler Zusammenstellung. Dies ermöglicht es Entwicklern, sich auf das Schreiben von Code zu konzentrieren und die Entwicklungseffizienz zu verbessern.
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
MantisBT
Mantis ist ein einfach zu implementierendes webbasiertes Tool zur Fehlerverfolgung, das die Fehlerverfolgung von Produkten unterstützen soll. Es erfordert PHP, MySQL und einen Webserver. Schauen Sie sich unsere Demo- und Hosting-Services an.
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
MinGW – Minimalistisches GNU für Windows
Dieses Projekt wird derzeit auf osdn.net/projects/mingw migriert. Sie können uns dort weiterhin folgen. MinGW: Eine native Windows-Portierung der GNU Compiler Collection (GCC), frei verteilbare Importbibliotheken und Header-Dateien zum Erstellen nativer Windows-Anwendungen, einschließlich Erweiterungen der MSVC-Laufzeit zur Unterstützung der C99-Funktionalität. Die gesamte MinGW-Software kann auf 64-Bit-Windows-Plattformen ausgeführt werden.
PHPStorm Mac-Version
Das neueste (2018.2.1) professionelle, integrierte PHP-Entwicklungstool
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
