Maison >outils de développement >sublime >Plug-in essentiel frontal Sublime Text3
Ce qui suit est une introduction à quelques plug-ins frontaux essentiels de Sublime Text3 de la colonne du didacticiel Premiers pas avec Sublime . J'espère que cela sera utile aux amis qui en ont besoin. il!
Installer Package Control
Avant d'installer le plug-in, vous devez laisser sublime installer Package Control. Ouvrez la console Sublime Text, utilisez la touche de raccourci ctrl + ~ et entrez le code suivant dans la console.
import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
Installer le plug-in
emmet :
Artefact frontal. Un composant de boîte à outils qui peut grandement améliorer l'efficacité du travail HTML et CSS des développeurs Web.
CSS3 :
Mise en évidence de la syntaxe CSS3 et invites de syntaxe CSS Le seul inconvénient est le manque de mise en évidence des attributs privés du navigateur.
Complétions étendues CSS :
Associer des fichiers CSS, demander intelligemment le nom de la classe dans le fichier CSS, très facile à utiliser.
Complétions JavaScript
Prend en charge les invites de syntaxe native Javascript, de sorte que ma mère n'a plus à s'inquiéter si je saisis document.getElementById(id ).
jQuery
fournit des exemples d'extraits de code pour la plupart des méthodes de jQuery, ce qui rend l'API de jQuery plus facile à utiliser.
ColorHighlighter
Il peut afficher le code couleur que vous choisissez (comme "#FFFFFF", "rgb(255,255,255)", "blanc") est la vraie couleur. Il comprend également un sélecteur de couleurs afin que vous puissiez facilement changer les couleurs.
BracketHighlighter
Les parenthèses et les niveaux de balises sont affichés, vous n'avez donc pas à vous soucier du code qui bloque la sélection le code auquel appartient, c'est clair en un coup d'œil.
HTML-CSS-JS Prettify
Formatage du code THML, CSS, JS, le code compressé peut être restauré via cet outil.
AlignTab
Utilisez des expressions régulières pour faciliter l'alignement du code, par exemple en alignant plusieurs lignes de code avec des signes =.
Les plug-ins ci-dessus couvrent HTML, CSS, JavaScript, jQuery, l'affichage des couleurs CSS, la mise en surbrillance au niveau des blocs de code, le formatage du code, l'alignement du code, et répondre aux exigences absolues La plupart des besoins front-end.
En ce qui concerne l'utilisation de Sass, installez Sass, Sassbuild, git et téléchargez sublimeGit et git Gutter. Si vous souhaitez utiliser un certain thème, téléchargez le thème. Si vous souhaitez développer la barre latérale, développez la barre latérale. tout cela n'est pas nécessaire pour tout le monde.
Voici un autre plug-in de thème recommandé. La bibliothèque de thèmes est relativement riche, j'ai l'impression que la plupart des gens peuvent l'utiliser pour éviter la fatigue visuelle :
Colorsublime
Après le. l'installation est terminée, vous pouvez accéder à Installer le thème, modifier le thème en ligne. Il y a des centaines de thèmes dans la bibliothèque, ce qui est génial.
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!