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

6 phrases dans des annonces d'emploi indépendantes qui crient NE PAS APPLIQUER

6 phrases dans des annonces d'emploi indépendantes qui crient NE PAS APPLIQUER

Sur une journée de travail donnée, combien d'heures passez-vous sur les sites de travail à la traîne? Un? Deux? Quatre? À première vue, ces heures ne semblent pas être un gros problème. Une heure par jour n'est rien comparé au temps habituel qu'il faut pour écrire, concevoir, programmer ou commercialiser, n'est-ce pas? Faisons

(Conseils techniques et de conception)

12 développeurs Web de l'application Mac OS X doivent savoir

12 développeurs Web de l'application Mac OS X doivent savoir

Pour les développeurs Web, les applications sont des facteurs importants pour une meilleure productivité. sans avoir les bons, développer un site Web unique pourrait prendre beaucoup de temps d'un développeur. Il existe de nombreuses applications pour le développement web pour chaque plate-forme.Dans

(Conseils techniques et de conception)