Atom
Liste de paquets intéressant : https://github.com/shery15/awesome-atom-packages
Installer tous les paquets :
apm install editorconfig atom-beautify linter-eslint \ merge-conflicts \ minimap minimap-highlight-selected minimap-find-and-replace minimap-find-and-replace minimap-git-diff file-icons pigments \ api-workbench \ linter-eslint
- Pour Typescript : <code bash> apm install atom-typescript language-html-angular linter linter-tslint <code>
- Pour Python : <code bash> apm install linter-flake8 <code>
- Pour PHP : <code bash> apm install project-manager php-integrator-base php-integrator-autocomplete-plus <code>
Paquets indispensables
- EditorConfig : configurer chaque projet.
- Atom-beautify : permet de reformater le code source selon une convention de codage.
- Linter : base pour les Linters
- Symbols-tree-view : permet d'afficher dans un panneau à droit les classes, attributs, méthodes … du fichier courant.
- Todo-Show : trouve et affiche dans un panneau toutes les lignes contenant TODO, FIXME…
- File-icons : permet d'afficher des icônes en fonction du type de fichier.
- Pigments : permet d'ajouter de la couleur dans les projets et les fichiers.
Git
- Merge-conflicts : permet de résoudre les conflits Git dans Atom.
- Split-diff : affiche les différences entre le fichier actuel et la version précédente dans 2 panneaux.
Minimap
- Minimap : affiche une mini “carte” du code.
- Minimap-highlight-selected : permet de visualiser les éléments sélectionnés dans la Minimap.
- Minimap-find-and-replace : permet de visualiser les éléments trouvés dans la Minimap.
- Minimap-git-diff : permet de visualiser les éléments du diff Git dans la Minimap.
Divers
- Api-Wokbench : pour créer une doc d'API en RAML.
- Atom-Clock : permet d'afficher date et heure (configurable) dans la barre de tâche d'Atom.
Langages
Javascript, HTML, CSS
- Linter-csslint : Linter pour CSS.
- Linter-jsonlint : Linter pour JSON.
- Linter-eslint : Linter pour Javascript basé sur ESLint
Vue Js
- Language-vue : support des composant Vue.
Typescript & Angular
- Language-html-angular : support de la syntaxe Angular dans le Html.
- Linter-tslint : Linter pour ““TypeScript””.
Markdown
- Linter-markdown : Linter pour Markdown.
- language-markdown : support et coloration syntaxique des fichiers “.md”.
- Markdown-preview-plus : permet de prévisualiser un texte Markdown.
PHP
- Linter-php : Linter pour PHP.
- Project-Manager : nécessaire pour Php-Integrator.
- Php-Integrator-Base : Intégration de php à Atom.
- Ajouter l'extenssion Sqlite :
sudo aptitude php5-sqlite
- Se rendre dans le dossier core du paquer php-integrator-base :
cd $HOME/.atom/packages/php-integrator-base/core/
- Se rendre dans le dossier de la dernière version :
cd 2.1.1
- Relancer l'installation à l'aide de Composer :
../composer.phar install
- Php-Integrator-Autocomplete-Plus : pour l'auto-complétion.
- Php-Integrator-Navigation : permet de naviguer dans le code source.
- Hyperclick : nécessaire pour le module précédent.
- Php-Integrator-Tooltips : permet d'afficher la documentation des classes, méthodes…
Python
- Linter-pycodestyle : Linter pour Python.
- linter-flake8 : nécessite l'installation de Flake :
pip install flake8 flake8-docstrings
Autres languages
- language-ini : coloration syntaxique des fichiers “.ini”.
- Qolor : coloration syntaxique des fichiers SQL.