Maison outils de développement sublime Comment installer Emmet dans Sublime

Comment installer Emmet dans Sublime

Apr 03, 2024 am 11:45 AM
linux sublime

Emmet est une extension d'extraits de code HTML et CSS dans Sublime qui améliore l'efficacité de l'édition. Les étapes d'installation sont les suivantes : Installez Package Control. Installez Emmet. Configurer Emmet (ajouter ou mettre à jour les paramètres utilisateur). Appuyez sur la touche Tab pour utiliser Emmet pour générer des extraits de code.

Comment installer Emmet dans Sublime

Comment installer Emmet dans Sublime

Emmet est une puissante extension d'extrait de code qui peut considérablement améliorer l'efficacité de l'écriture HTML et CSS dans Sublime Text. Voici comment installer Emmet :

Installer Package Control

Package Control est le gestionnaire de packages pour Sublime Text. Si vous ne l'avez pas encore installé, suivez ces étapes :

  1. Appuyez sur Ctrl+Shift+P (Windows/Linux) ou Cmd+Shift+P (Mac). Ouvrez la palette de commandes. Ctrl+Shift+P (Windows/Linux) 或 Cmd+Shift+P (Mac) 打开命令面板。
  2. 输入 Install 并选择 Package Control: Install Package
  3. 在弹出的搜索框中,输入 Package Control 并按回车。

安装 Emmet

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

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

Emmet 将自动安装。

配置 Emmet

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

  1. 打开 Preferences > Settings - User
  2. 添加或更新以下设置:
<code>"emmet_syntax_profiles":
{
    "html": "html",
    "css": "css"
}</code>
Copier après la connexion
  1. 保存文件并重新启动 Sublime Text。

使用 Emmet

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

  • 生成&lt;div&gt;元素: 输入 div,按 Tab
  • 生成含有内嵌元素的&lt;div&gt;元素: 输入 div&gt;p, 按 Tab
  • 生成带有多个类的&lt;li&gt;元素: 输入 li.item1.item2, 按 Tab
  • 生成嵌套的&lt;ul&gt;&lt;li&gt;列表: 输入 ul&gt;li, 按 Tab
  • Entrez Installer et sélectionnez Contrôle du package : Installer le package.

Dans la zone de recherche contextuelle, saisissez Package Control et appuyez sur Entrée.

🎜🎜Installer Emmet🎜🎜🎜Après avoir installé Package Control, vous pouvez installer Emmet : 🎜🎜🎜Ouvrez la palette de commandes (comme ci-dessus). 🎜🎜Entrez Installer et sélectionnez Contrôle du package : Installer le package. 🎜🎜Dans la zone de recherche, tapez Emmet et appuyez sur Entrée. 🎜🎜Emmet sera installé automatiquement. 🎜🎜🎜Configuration d'Emmet🎜🎜🎜Après avoir installé Emmet, vous devez configurer certains paramètres pour l'activer : 🎜🎜🎜Ouvrez Préférences > Paramètres - Utilisateur. 🎜🎜Ajoutez ou mettez à jour les paramètres suivants : 🎜rrreee
    🎜Enregistrez le fichier et redémarrez Sublime Text. 🎜
🎜🎜Utiliser Emmet🎜🎜🎜Maintenant qu'Emmet est installé et configuré, vous pouvez l'utiliser pour générer des extraits de code. Voici quelques exemples : 🎜
    🎜🎜 Générez des éléments &lt;div&gt; : 🎜 Saisissez div et appuyez sur Tab. 🎜🎜🎜Générez des éléments &lt;div&gt; contenant des éléments en ligne : 🎜 Saisissez div&gt;p et appuyez sur Tab. 🎜🎜🎜Générez des éléments &lt;li&gt; avec plusieurs classes : 🎜 Entrez li.item1.item2, appuyez sur Tab. 🎜🎜🎜 Générez des listes &lt;ul&gt; et &lt;li&gt; imbriquées : 🎜 Saisissez ul&gt;li${5}, appuyez sur Onglet. 🎜🎜🎜Pour plus de détails et des exemples d'utilisation d'Emmet, veuillez vous référer à sa documentation : https://docs.emmet.io/🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article chaud

Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Article chaud

Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Entrée de la version Web Deepseek Entrée du site officiel Deepseek Entrée de la version Web Deepseek Entrée du site officiel Deepseek Feb 19, 2025 pm 04:54 PM

Entrée de la version Web Deepseek Entrée du site officiel Deepseek

Android TV Box obtient une mise à niveau non officielle d'Ubuntu 24.04 Android TV Box obtient une mise à niveau non officielle d'Ubuntu 24.04 Sep 05, 2024 am 06:33 AM

Android TV Box obtient une mise à niveau non officielle d'Ubuntu 24.04

Comment installer Deepseek Comment installer Deepseek Feb 19, 2025 pm 05:48 PM

Comment installer Deepseek

Adresse de téléchargement de l'application de portefeuille BitPie Bitpie Adresse de téléchargement de l'application de portefeuille BitPie Bitpie Sep 10, 2024 pm 12:10 PM

Adresse de téléchargement de l'application de portefeuille BitPie Bitpie

Installation officielle du site officiel de Bitget (Guide du débutant 2025) Installation officielle du site officiel de Bitget (Guide du débutant 2025) Feb 21, 2025 pm 08:42 PM

Installation officielle du site officiel de Bitget (Guide du débutant 2025)

Zabbix 3.4 Installation de la compilation du code source Zabbix 3.4 Installation de la compilation du code source Sep 04, 2024 am 07:32 AM

Zabbix 3.4 Installation de la compilation du code source

Explication détaillée : commande de paramètre de jugement variable du script Shell Explication détaillée : commande de paramètre de jugement variable du script Shell Sep 02, 2024 pm 03:25 PM

Explication détaillée : commande de paramètre de jugement variable du script Shell

Le package d'installation OUYI OKX est directement inclus Le package d'installation OUYI OKX est directement inclus Feb 21, 2025 pm 08:00 PM

Le package d'installation OUYI OKX est directement inclus

See all articles