Sublime Text 3

2018-12-19

Sublime Text 3

Installation

Télécharger le logiciel: http://www.sublimetext.com/3 et simplement l'installer.

Configuration et installation de plug-in

Indentation et cool configurations

Ouvrir: SublimeText > Preference > Settings User

Coller le code suivant à l'interieur des accolades "{}"

"draw_white_space": "all", 
"rulers":
    [
        80,
        120 
    ],
"tab_size": 4,
"translate_tabs_to_spaces": true, 
"trim_trailing_white_space_on_save": true, 
"word_wrap": true, 
"ensure_newline_at_eof_on_save": true, 
"default_line_ending": "unix"

 

Package Controller

Le meilleur plug-in pour sublime est le "Package Controller". Il vous permet d'installer tout les autres plugins directement au travers de son "interface" sans aucun code ni rien.

Pour installer ce magnifique plug-in simplement suivre la documentation suivante: https://sublime.wbond.net/installation

Maintenant vous pouvez installer tout les packages souhaités en suivant les indications suicantes:

  • CTRL+SHIFT+P
  • Tapper “install” et choisisser le plug-in “Package Control: Install Package”
  • Trouver votre plug-in via la recherche
  • Cliquer sur le plu-gin voulu
  • L'installation se fait directement, pas besoin de relancer Sublime
  • Voilà

List non exhaustive de mes plug-in utilisés

Sass et/ou Syntax highlighting for sass

SCSS plug-in officiel.


Alignment - !important!

Un de mes préférés. Ce package permet l'alignement vertical sur plusieurs lignes. Pratique pour une meilleur lisibilité de votre code et vous permet de gagner du temps.

L'utilisation est assez facile, il faut simplement choisir nos lignes à aligner ensemble puis CTRL+ALT+A


Git

Cool plug-in pour intégerer la gestion de votre Git directement dans Sublime.


DocBlockr - !important!

If you follow coding guidelines strictly, this is one plugin that makes your task easier. DocBlokr helps you in creating proper comments for your code, by parsing the functions, parameters, variables, and automatically adding the basic items. Start with “/**” and DocBlockr does the rest for you. For instance, check how DocBlockr makes my life easier by creating a format for me to fill based on my comment.


SideBarEnhancements - !important!

Enhancements to Sublime Text sidebar. Files and folders.


Bracket​Highlighter - !important!

Bracket and tag highlighter for Sublime Text


JQuery

Sublime Text package bundle for jQuery


Js​Format

Javascript formatting for Sublime Text 2 & 3


AdvancedNewFile - !important!

Advanced file creation for Sublime Text 2 and Sublime Text 3.


SublimeCodeIntel - !important!

Code intelligence plugin ported from Open Komodo Editor to Sublime Text. Contain cool feature like

  • ●  Jump to definition = Control+Click

  • ●  Jump to definition = Control+Command+Alt+Up

  • ●  Go back = Control+Command+Alt+Left

  • ●  Manual Code Intelligence = Control+Shift+space


SublimeLinter - !important!

SublimeLinter 3 is a rewrite of original SublimeLinter package. SublimeLinter highlights errors in the source code as you type them. Unlike with the original SublimeLinter, for SublimeLinter 3 you need to install each programming language as a separate package. Recommended packages to be installed from Package Control:

  • ●  sublimelinter (base package)

  • ●  sublimelinter-jshint (javascript, jshint)

  • ●  sublimelinter-csslint (CSS)

  • ●  sublimelinter-contrib-scss-lint (SCSS)

  • ●  sublimelinter-annotation

  • ●  sublimelinter-json


Emmet

Emmet is a swiss army knife for HTML editing. Sublime Text is one of the editors with emmet integration. Some of super useful HTML commands it provides are Go to matching pair and Remove tag.


Prefix

Prefixr: Automatically insert CSS3 prefixes


JsFormat

JsFormat: Beautify Javascript Code


WordPress

Cool pluging for wordpress user


Changing your skin

On peux changer le "skin" de Sublime, voici comment faire:

Télécharger le "skin" souhaité via le package controller. Une fois votre "skin" récupéré il vous faut simplement aller dans

Sublime Text > Preferences > Color Scheme

et choisir votre skin. Voici mon choix:
Monokai Bright - Included in the Monokai Extended Package.

Snippets

Les "snippets" sont encore la un cool feature de Sublime. Vous pouvez utiliser ceux pré-installés, créer les votre ou encore en installer de nouveaux. 

Voici un très bon article sur la création de "snippets".

 

PSR Validation pour PHP

Documentation générale sur PSR

https://github.com/benmatselby/sublime-phpcs

http://benmatselby.github.io/sublime-phpcs/#configuration

Installation Windows

  1. Installer PEAR

  2. Installer PHP_CodeSniffer PEAR package

  3. Installer PHP Coding Standards Fixer tool

  4. Installer Sublime packages phpcs, SublimeLinter and SublimeLinter-phpcs

  5. Copier-coller le code suivant dans les setting de base de l'utilisateur sublime: https://github.com/benmatselby/sublime-phpcs/blob/master/example-settings/windows-7-phpcs-fixer-linter.example

Installation MAC

Installer PEAR:

Regarder si ce n'est pas déjà installé simplement en tapant ceci dans votre console:

pear version

Si installé vous devriez voir apparaitre la version sinon un message d'erreur. Si ce n'est pas encore installé, simplement rouyler la commande suivante:

wget http://pear.php.net/go-pear.phar
php -d detect_unicode=0 go-pear.phar

Installer PHP_CodeSniffer PEAR package

Dans un terminale, rouler la commande suivante:

pear install PHP_CodeSniffer

Installer PHP Coding Standards Fixer tool

Dans un terminale, rouler la commande suivante:

sudo curl http://get.sensiolabs.org/php-cs-fixer.phar -o /usr/local/bin/php-cs-fixer sudo chmod a+x /usr/local/bin/php-cs-fixer

Installer les plug-in suivante pour Sublime

  • phpcs

  • SublimeLinter

  • SublimeLinter-phpcs

Configurer PHPCS

Aller dans: Sublime Text > Preferences > Package Setting > PHP Code Sniffer > Setting User

Copier/Coller le fichier “PHPCS - Config - Mac OS” ici.

Vous allez devoir modifier la valeur des arguments "phpcs_executable_path" et  "php_cs_fixer_executable_path" afin lui indiquer le bon chemin.

You can find the value with:

  • which phpcs

  • which php-cs-fixer

Commentaires

Wednesday 19 December 2018 - Stas
Je recommande d'essayer Codelobster: http://www.codelobster.com