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

Design dynamique: Ne vous laissez pas arrêter par la police de style

Design dynamique: Ne vous laissez pas arrêter par la police de style

Les concepteurs, mettez vos mains en l'air! Aujourd'hui, nous brisons le mythe largement répandu du style, cet insaisissable je ne sais pas que les professionnels de la création rêvent de réaliser.Oui, il est bon de montrer à tout le monde que vous êtes une créatrice expérimentée qui peut mettre votre marque personnelle sur tout ce que vous touchez, mais il y a aussi un côté sombre à mettre en valeur. Quelle est

(Conseils techniques et de conception)

Top 9 des applications pour installer et désinstaller des applications Windows

Top 9 des applications pour installer et désinstaller des applications Windows

L'installation et la désinstallation des applications une à la fois est un processus nécessaire, en particulier avec une nouvelle version de Windows installée. Cependant, le processus de le faire un par un est aussi incroyablement fastidieux et ennuyeux - mais encore une fois, essentiel.Une façon de contourner ce processus est d'installer ou de désinstaller des lots d'applications en une seule fois. Les

(Conseils techniques et de conception)