Introduction à la façon dont Dreamweaver prend en charge Emmet (photo)

Le contenu de cet article est une introduction à la méthode de prise en charge d'Emmet dans Dreamweaver (photo). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

L'IDE préféré de chaque codeur est différent pour certaines raisons. En tant que passionné de logiciels, j'utilise presque tous les IDE depuis un certain temps et j'utilise actuellement Dreamweaver + Sublime Text 2. Cependant, que vous utilisiez Notepad++, Sublime Text, Dreamweaver, ou encore Vim, certains plug-ins sont toujours indispensables, comme le fameux zencoding (actuellement renommé Emmet, et il supporte très bien DW).

Emmet est un outil pour écrire rapidement du HTML/CSS. Par exemple, saisissez :

ul.nav>li>a.n_$*6

puis appuyez sur la touche de raccourci Ctrl+E pour générer ce qui suit. paragraphe Code :

<ul class="nav">
    <li>
        <a href="" class="n_1"></a>
        <a href="" class="n_2"></a>
        <a href="" class="n_3"></a>
        <a href="" class="n_4"></a>
        <a href="" class="n_5"></a>
        <a href="" class="n_6"></a>
    </li></ul>

Après avoir lu ces codes, vous êtes déjà prêt à déménager. Pour plus de règles, vous pouvez télécharger la pièce jointe en fin d'article pour consulter. Parlons ensuite de la façon dont DW installe ce plug-in. Tout d'abord, vous devez vous assurer que le gestionnaire d'extensions est installé sur votre DW. Sinon, vous pouvez réinstaller le DW sans décocher la case devant le gestionnaire d'extensions, ou le télécharger depuis le site officiel d'Adobe>>http. // www.adobe.com/exchange/em_download/.

Si vous avez installé le gestionnaire d'extensions, il vous suffit de télécharger le plug-in DW d'Emmet http://download.emmet.io/dreamweaver/Emmet.zxp, double -cliquez pour installer, continuez étape par étape après avoir vu les invites jusqu'à succès. Si le menu d'invite n'est pas mis à jour correctement à ce stade, ouvrez le chemin suivant C:UsersAdministratorAppDataRoamingAdobeDreamweaver CS6zh_CNConfigurationMenus (Win7/Dw CS6), recherchez menus.xml dans ce répertoire, renommez la sauvegarde (par exemple menus.xml_bak), puis réinstallez.

Remarque : La valeur par défaut pour l'analyse des règles Emmet est Ctrl+E. Cependant, comme DW lui-même a trop de touches de raccourci, il est répété. À ce stade, ouvrez [Modifier]-[Touches de raccourci], puis sélectionnez Dreamweaver Standard, puis cliquez sur le premier bouton à droite pour faire une copie sous n'importe quel nom.

Ensuite, recherchez [Insérer] sous [Menu Naming] et remplacez la touche de raccourci de [Label] par autre chose, comme Ctrl+R.

À ce stade, vous pouvez utiliser hardiment Emmet dans DW. Cependant, Emmet for DW ne définit pas de touches de raccourci pour d'autres opérations par défaut, vous pouvez donc également appuyer sur ces opérations pour définir des touches de raccourci pour le point de montage précédent, le point de montage suivant, etc. De cette façon, vous pouvez abandonner la souris et mieux changer de position dans le bloc de code.

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!