Heim Entwicklungswerkzeuge sublime So installieren Sie Emmet in Sublime

So installieren Sie Emmet in Sublime

Apr 03, 2024 am 11:45 AM
linux sublime

Emmet ist eine HTML- und CSS-Snippet-Erweiterung in Sublime, die die Bearbeitungseffizienz verbessert. Die Installationsschritte sind wie folgt: Installieren Sie Package Control. Emmet installieren. Konfigurieren Sie Emmet (Benutzereinstellungen hinzufügen oder aktualisieren). Drücken Sie die Tabulatortaste, um Emmet zum Generieren von Codeausschnitten zu verwenden.

So installieren Sie Emmet in Sublime

So installieren Sie Emmet in Sublime

Emmet ist eine leistungsstarke Code-Snippet-Erweiterung, die die Effizienz beim Schreiben von HTML und CSS in Sublime Text erheblich verbessern kann. So installieren Sie Emmet:

Package Control installieren

Package Control ist der Paketmanager für Sublime Text. Wenn Sie es noch nicht installiert haben, befolgen Sie diese Schritte:

    <li>Drücken Sie Strg+Umschalt+P (Windows/Linux) oder Befehl+Umschalt+P (Mac) Öffnen Sie die Befehlspalette. Ctrl+Shift+P (Windows/Linux) 或 Cmd+Shift+P (Mac) 打开命令面板。 <li>输入 Install 并选择 Package Control: Install Package。 <li>在弹出的搜索框中,输入 Package Control 并按回车。

安装 Emmet

安装 Package Control 后,就可以安装 Emmet 了:

    <li>打开命令面板(如上所述)。 <li>输入 Install 并选择 Package Control: Install Package。 <li>在搜索框中,输入 Emmet 并按回车。

Emmet 将自动安装。

配置 Emmet

安装 Emmet 后,你需要配置一些设置来启用它:

    <li>打开 Preferences > Settings - User。 <li>添加或更新以下设置:
<code>"emmet_syntax_profiles":
{
    "html": "html",
    "css": "css"
}</code>
Nach dem Login kopieren
    <li>保存文件并重新启动 Sublime Text。

使用 Emmet

现在 Emmet 已安装并配置,你可以使用它来生成代码片段。以下是几个示例:

<ul> <li> 生成<div>元素: 输入 div,按 Tab。 <li> 生成含有内嵌元素的<div>元素: 输入 div>p, 按 Tab。 <li> 生成带有多个类的<li>元素: 输入 li.item1.item2, 按 Tab。 <li> 生成嵌套的<ul><li>列表: 输入 ul>li, 按 Tab Geben Sie Install ein und wählen Sie Package Control: Install Package.

Geben Sie im Popup-Suchfeld Package Control ein und drücken Sie die Eingabetaste.

🎜🎜Emmet installieren🎜🎜🎜Nach der Installation von Package Control können Sie Emmet installieren: 🎜🎜🎜Öffnen Sie die Befehlspalette (wie oben). 🎜🎜Geben Sie Install ein und wählen Sie Package Control: Install Package. 🎜🎜Geben Sie im Suchfeld Emmet ein und drücken Sie die Eingabetaste. 🎜🎜Emmet wird automatisch installiert. 🎜🎜🎜Emmet konfigurieren🎜🎜🎜Nach der Installation von Emmet müssen Sie einige Einstellungen konfigurieren, um es zu aktivieren: 🎜🎜🎜Öffnen Sie Einstellungen > 🎜🎜Fügen Sie die folgenden Einstellungen hinzu oder aktualisieren Sie sie: 🎜rrreee
    🎜Speichern Sie die Datei und starten Sie Sublime Text neu. 🎜
🎜🎜Emmet verwenden🎜🎜🎜Nachdem Emmet installiert und konfiguriert ist, können Sie es zum Generieren von Codeausschnitten verwenden. Hier ein paar Beispiele: 🎜<ul>🎜🎜 <div>-Elemente generieren: 🎜 Geben Sie div ein und drücken Sie Tab. 🎜🎜🎜Generieren Sie <div>-Elemente, die Inline-Elemente enthalten: 🎜 Geben Sie div>p ein und drücken Sie Tab. 🎜🎜🎜Generieren Sie <li>-Elemente mit mehreren Klassen: 🎜 Geben Sie li.item1.item2 ein und drücken Sie Tab. 🎜🎜🎜 Generieren Sie verschachtelte <ul>- und <li>-Listen: 🎜 Geben Sie ul>li${5} ein und drücken Sie Tab. 🎜🎜🎜Weitere Details und Anwendungsbeispiele von Emmet finden Sie in der Dokumentation: https://docs.emmet.io/🎜

Das obige ist der detaillierte Inhalt vonSo installieren Sie Emmet in Sublime. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie löste ich das Problem der Berechtigungen beim Betrachten der Python -Version in Linux Terminal? Wie löste ich das Problem der Berechtigungen beim Betrachten der Python -Version in Linux Terminal? Apr 01, 2025 pm 05:09 PM

Lösung für Erlaubnisprobleme beim Betrachten der Python -Version in Linux Terminal Wenn Sie versuchen, die Python -Version in Linux Terminal anzuzeigen, geben Sie Python ein ...

Wie setze ich nach dem Neustart des Systems automatisch Berechtigungen von Unixsocket fest? Wie setze ich nach dem Neustart des Systems automatisch Berechtigungen von Unixsocket fest? Mar 31, 2025 pm 11:54 PM

So setzen Sie die Berechtigungen von Unixsocket automatisch nach dem Neustart des Systems. Jedes Mal, wenn das System neu startet, müssen wir den folgenden Befehl ausführen, um die Berechtigungen von Unixsocket: sudo ...

Warum tritt bei der Installation einer Erweiterung mit PECL in einer Docker -Umgebung ein Fehler auf? Wie löst ich es? Warum tritt bei der Installation einer Erweiterung mit PECL in einer Docker -Umgebung ein Fehler auf? Wie löst ich es? Apr 01, 2025 pm 03:06 PM

Ursachen und Lösungen für Fehler Bei der Verwendung von PECL zur Installation von Erweiterungen in der Docker -Umgebung, wenn die Docker -Umgebung verwendet wird, begegnen wir häufig auf einige Kopfschmerzen ...

Wie kann man Node.js oder Python -Dienste in Lampenarchitektur effizient integrieren? Wie kann man Node.js oder Python -Dienste in Lampenarchitektur effizient integrieren? Apr 01, 2025 pm 02:48 PM

Viele Website -Entwickler stehen vor dem Problem der Integration von Node.js oder Python Services unter der Lampenarchitektur: Die vorhandene Lampe (Linux Apache MySQL PHP) Architekturwebsite benötigt ...

Wie löste ich Berechtigungsprobleme bei der Verwendung von Python -Verssionsbefehl im Linux Terminal? Wie löste ich Berechtigungsprobleme bei der Verwendung von Python -Verssionsbefehl im Linux Terminal? Apr 02, 2025 am 06:36 AM

Verwenden Sie Python im Linux -Terminal ...

Kann der Python -Dolmetscher im Linux -System gelöscht werden? Kann der Python -Dolmetscher im Linux -System gelöscht werden? Apr 02, 2025 am 07:00 AM

In Bezug auf das Problem der Entfernung des Python -Dolmetschers, das mit Linux -Systemen ausgestattet ist, werden viele Linux -Verteilungen den Python -Dolmetscher bei der Installation vorinstallieren, und verwendet den Paketmanager nicht ...

Wie konfigurieren Sie die Timing -Timing -Aufgabe von ApScheduler als Dienst auf macOS? Wie konfigurieren Sie die Timing -Timing -Aufgabe von ApScheduler als Dienst auf macOS? Apr 01, 2025 pm 06:09 PM

Konfigurieren Sie die Timing -Timing -Timing -Timing -Timing auf der MacOS -Plattform, wenn Sie die Timing -Timing -Timing -Timing von APScheduler als Service konfigurieren möchten, ähnlich wie bei NGIN ...

Was sollte ich tun, wenn Beyond Compare bei der Synchronisierung von Windows- und Linux -Dateien nicht die Sensibilität des Falls nicht in die Fall ist? Was sollte ich tun, wenn Beyond Compare bei der Synchronisierung von Windows- und Linux -Dateien nicht die Sensibilität des Falls nicht in die Fall ist? Apr 01, 2025 am 08:06 AM

Das Problem des Vergleichs und Synchronisierens von Dateien überkompeten: Fallempfindlichkeitsfehler bei der Verwendung von Beyond ...

See all articles