hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Un regard dans: SublimeLinter 3

Dans un article précédent, nous vous avons montré comment trouver des erreurs de code et des bugs dans SublimeText en utilisant SublimeLinter. Malheureusement, comme l'a également souligné un de nos lecteurs, cela ne fonctionne pas dans Sublime Text 3.

Sublime Text 3 a introduit un nouvel ensemble d' API sur le fonctionnement d'un plugin, ce qui a probablement affecté les capacités de SublimeLinters. Le développeur a depuis réécrit le plugin, et a publié la réécriture. Jetons un coup d'œil à SublimeLinter 3 et à ce qu'il a à offrir.

Commencer

Le moyen le plus simple d'installer SublimeLinter 3 est de contrôler les paquets. Cependant, contrairement à la version précédente qui regroupe tous les linters disponibles, SublimeLinter 3 les sépare. Cela nous permet d'installer uniquement des linters pour les langues que nous utilisons fréquemment.

Cela signifie que lorsque vous avez fait une erreur dans votre code, rien ne se passera si vous n'installez pas le linter qui vous permet de signaler les erreurs.

Comme j'utilise HTML, CSS, JS et PHP la plupart du temps dans mes projets, je voudrais installer des linters pour ces langages. Dans le contrôle de paquet, j'installe SublimeLinter 3 avec les plugins suivants:

  • SublimeLinter-html-tidy
  • SublimeLinter-csslint
  • SublimeLinter-jshint
  • SublimeLinter-php

Ensuite, pour que ces plugins fonctionnent, nous devons également installer le linter pour les langages, qui sont HTML Tidy, CSSLint, JSHint et PHP CLI.

Pour ceux d'entre vous qui utilisent OSX, Tidy et PHP sont pré-installés dans le système. Pour vérifier, exécutez les deux commandes suivantes consécutivement.

 rangé --version php --version 

Ces commandes vous montreront la version de Tidy et PHP que vous avez. Vous pouvez continuer à les utiliser dans Sublime Text.

Si vous utilisez Windows ou Linux ou si vous ne les avez pas installés, suivez les instructions ci-dessous.

Installation de HTML Tidy

Pour installer HTML Tidy:

  • Sous OSX, exécutez cette commande dans Terminal brew install homebrew/dupes/tidy
  • Sous Linux, utilisez cette commande sudo apt-get install tidy .
  • Dans Windows, vous pouvez récupérer le programme d'installation EXE à partir de TidyBatchFiles.

Installation de PHP CLI

  • Les utilisateurs OSX peuvent installer PHP dans le système avec curl -s http://php-osx.liip.ch/install.sh | bash -s 5.5 curl -s http://php-osx.liip.ch/install.sh | bash -s 5.5 commande. Cela va installer PHP 5.5, qui est la dernière version, au moment de l'écriture.
  • Les utilisateurs de Linux peuvent suivre ce didacticiel complet de DigitalOcean.
  • Pour les utilisateurs de Windows, vous pouvez télécharger le programme d'installation ici.

Installation de CSSLint

Ensuite, nous allons installer CSSLint. Les instructions suivantes peuvent être suivies dans les trois plates-formes: OSX, Windows et Linux.

D'abord, installez Node.js. Ensuite, exécutez la commande suivante.

 npm install -g csslint 

Installation de JSHint

Nous pouvons aussi installer JSHint avec Node.js. Voici la commande.

 npm install -g jshint 

Et, nous sommes tous ensemble. Nous pouvons commencer à lisser HTML, CSS, JS et PHP dans SublimeText en utilisant SublimeLinter 3.

Nouvelles fonctionnalités de SublimeLinter 3

SublimeLinter 3 apporte plusieurs nouvelles fonctionnalités, et une que j'ai trouvé vraiment utile est la capacité de naviguer rapidement à travers les erreurs .

Parcourir les erreurs

Si vous êtes sur Mac, appuyez sur Commande + Ctrl + A. Sous Windows et Linux, vous pouvez appuyer sur Ctrl + K, Ctrl + A.

La touche de raccourci affichera une liste d'erreurs, comme indiqué dans la capture d'écran suivante.

Utilisez les touches ↑ et ↓ pour naviguer dans la liste et la page défilera jusqu'à la ligne exacte où l'erreur s'est produite.

Différents styles de marques

En outre, vous pouvez également sélectionner différents styles de marque pour les erreurs. SublimeLinter 3 fournit 5 styles, comme indiqué ci-dessous:

Remplir

Contour

Soulignement solide

Soulignement ondulé

Souligné Souligné

Pour sélectionner ce style, ouvrez Commande Pallete - (Mac) Commande + Maj + P, (Win / Linux) Ctrl + Maj + P. Ensuite, recherchez et sélectionnez SublimeLinter: Choose Mark Style . Sélectionnez le style de votre préférence.

Vous pouvez également le spécifier dans le fichier de configuration. Allez dans Préférences> Paramètres du package> SublimeLinter> Paramètre - Utilisateurs . Ensuite, ajoutez cette ligne ci-dessous.

 "mark_style": "remplir" 

Référence supplémentaire

  • SublimeLinter 3 Doc.
  • Lint dans le logiciel et la programmation - WikiPedia
  • SublimeLinterpositions

Comment récupérer votre historique de chat Facebook Messenger

Comment récupérer votre historique de chat Facebook Messenger

Avez-vous déjà ressenti le besoin de chercher dans l'historique des conversations de votre Facebook Messenger afin de vous rappeler quelque chose que vous ou votre ami avez dit?Eh bien, vous serez heureux de savoir que la version Web de Messenger vous permet de rechercher votre historique de conversation, tant que l'historique de la conversation n'a pas été supprimé.La r

(Conseils techniques et de conception)

YouTube lance une nouvelle mise à jour sur la conception du matériel et c'est génial

YouTube lance une nouvelle mise à jour sur la conception du matériel et c'est génial

Google a travaillé dur pour lancer une nouvelle apparence basée sur la conception matérielle pour l'ensemble de ses applications et services. Maintenant, après avoir passé des mois de tests alpha et bêta, la mise à jour Material Design touche également YouTube, et Google donne à chacun la possibilité de prévisualiser les modifications.Pour accéd

(Conseils techniques et de conception)