Après avoir publié mon article précédent "Zen Coding: un moyen d'écrire rapidement le code HTML / CSS", certains internautes ont déclaré qu'ils ne savaient pas comment utiliser le plugin de codage zen sur Dreamweaver. Ok, aujourd'hui, j'écrirai un tutoriel détaillé sur la façon d'utiliser le codage zen dans DW. Si vous savez déjà comment l'utiliser, vous pouvez arrêter de lire cet article.
Heureusement, je l'ai testé sur Dreamweaver CS3 et j'ai prouvé que Dreamweaver CS3 et CS4 prennent en charge ce plugin de codage zen.
PréparerAvant d'installer le plug-in, assurez-vous que vous avez installé Adobe Extension Manager. S'il n'est pas installé, veuillez aller au téléchargement officiel d'Adobe et à installer:
Accédez à la page d'accueil du projet de codage zen pour télécharger le dernier plugin de codage zen pour Dreamweaver. Il y a une liste de téléchargement dans la colonne de droite de cette page, qui est celle avec l'extension MXP. (La version actuelle est de 0,7, vous pouvez cliquer ici pour le télécharger. Il existe une version emballée par Qianduan, mais la nouvelle version officielle est de 0,7, il est donc recommandé d'utiliser celui officiel.).
Après téléchargement, double-cliquez sur le fichier Zen Coding V.0.7.mxp que vous avez téléchargé et vous pouvez l'installer directement. C'est très simple.
Après l'installation, redémarrez DW, puis vous trouverez le sous-menu de codage zen dans le menu de commande, comme indiqué dans la figure ci-dessous:
Cela signifie que l'installation a été terminée avec succès.
Comment utiliser L'utilisation du codage zen est également très simple. Créez un fichier nouveau ou dans n'importe quel fichier HTML, passez à la vue de code et écrivez du code de format zencoding, tel que:Copier le code