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

20 sites Web pour trouver des images gratuites de haute qualité

20 sites Web pour trouver des images gratuites de haute qualité

Les chances sont que vous êtes assez fatigué de voir des photos de stocks traditionnels de personnes en costume se serrant la main. Non seulement ils sont fades et inintéressants, mais ils coûtent aussi de l'argent. La bonne nouvelle est qu'il y a eu une augmentation des super sites de photos que vous pouvez utiliser gratuitement - oui, à la fois pour un usage personnel et commercial.Dans

(Conseils techniques et de conception)

10 meilleures applications de sécurité personnelle pour les femmes [Android]

10 meilleures applications de sécurité personnelle pour les femmes [Android]

La campagne #yesallwomen qui a décollé sur Twitter récemment a été un rappel important sur la façon dont les femmes sont encore soumises à la violence, aux abus domestiques et au viol . Les innombrables cas de viol rapportés ces dernières années par les médias internationaux et les réactions des politiciens, des autorités policières, des victimes, des délinquants et des personnes qui lisent ces histoires en disent long sur la sécurité personnelle des femmes . Parfois, les fe

(Conseils techniques et de conception)