Maison > Article > outils de développement > Comment installer Emmet dans 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
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 :
Ctrl+Shift+P
(Windows/Linux) ou Cmd+Shift+P
(Mac). Ouvrez la palette de commandes. Ctrl+Shift+P
(Windows/Linux) 或 Cmd+Shift+P
(Mac) 打开命令面板。
<li>输入 Install
并选择 Package Control: Install Package
。
<li>在弹出的搜索框中,输入 Package Control
并按回车。
安装 Emmet
安装 Package Control 后,就可以安装 Emmet 了:
Install
并选择 Package Control: Install Package
。
<li>在搜索框中,输入 Emmet
并按回车。
Emmet 将自动安装。
配置 Emmet
安装 Emmet 后,你需要配置一些设置来启用它:
Preferences
> Settings - User
。
<li>添加或更新以下设置:
<code>"emmet_syntax_profiles": { "html": "html", "css": "css" }</code>
使用 Emmet
现在 Emmet 已安装并配置,你可以使用它来生成代码片段。以下是几个示例:
<ul> <li> 生成<div>
元素: 输入 div
,按 Tab
。
<li>
生成含有内嵌元素的<div>
元素: 输入 div>p
, 按 Tab
。
<li>
生成带有多个类的<li>
元素: 输入 li.item1.item2
, 按 Tab
。
<li>
生成嵌套的<ul>
和<li>
列表: 输入 ul>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
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<div>
: 🎜 Saisissez div
et appuyez sur Tab
. 🎜🎜🎜Générez des éléments <div>
contenant des éléments en ligne : 🎜 Saisissez div>p
et appuyez sur Tab
. 🎜🎜🎜Générez des éléments <li>
avec plusieurs classes : 🎜 Entrez li.item1.item2
, appuyez sur Tab
. 🎜🎜🎜 Générez des listes <ul>
et <li>
imbriquées : 🎜 Saisissez ul>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!