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.

Voir l'introduction

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.

Voir l'introduction

Complétions étendues CSS :

Associer des fichiers CSS, demander intelligemment le nom de la classe dans le fichier CSS, très facile à utiliser.

Voir l'introduction

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 ).

Voir l'introduction

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.

Voir l'introduction

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.

Voir l'introduction

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.

Voir l'introduction

HTML-CSS-JS Prettify

Formatage du code THML, CSS, JS, le code compressé peut être restauré via cet outil.

Voir l'introduction

AlignTab

Utilisez des expressions régulières pour faciliter l'alignement du code, par exemple en alignant plusieurs lignes de code avec des signes =.

Voir l'introduction

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.

Voir l'introduction

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!