download link W3C open

Utilisation de base de Notepad++

#1 On se met d'accord sur les noms de certaines touches open

Les touches spéciales du claviers

#2 Qu'est ce qu'un curseur dans un éditeur ? open

  1. Démarrez Notepad++ sur une page vierge.
  2. Vous avez deux curseurs sur l'écran. Un curseur c'est un repère. Le premier curseur c'est celui qui repère les mouvements de la souris. Le deuxième, la barre verticale qui clignote, c'est le repère du point d'insertion de l'éditeur. Dans le langage courant on parle indifféremment du curseur de l'éditeur ou du point d'insertion de l'éditeur. Si vous tapez du texte par exemple Bonjour madame il vient se placer devant le point d'insertion et le point d'insertion se déplace vers la droite.
  3. Pour positionner le point d'insertion de l'éditeur vous déplacez le curseur de la souris à l'endroit ou vous voulez insérer du texte. Par exemple mettez le curseur de la souris devant madame puis vous cliquez sur le bouton gauche de la souris. Maintenant vous avez un point d'insertion et vous pouvez ajouter chère.

#3 Manipulations de base open

Raccourcis clavier de base

Je vais vous montrer les raccourcis de base, ce sont des raccourcis qui sont issus du monde Microsoft et qui sont présents dans Notepad++. Ils servent aux manipulations de base du curseur pour les opérations de déplacement du curseur, les sélections simples et la manipulation des fichiers.

  1. Téléchargez l'archive notepad-tuto.zip, décompressez et mettez sur le bureau. Ouvrez Notepad++, faites CTRL+O et choisissez le fichier fic-php.php qui se trouve dans npp-projet puis base-test.
  2. Faites CTRL+Fin pour vous déplacer à la fin du fichier.
  3. Faites CTRL+Début pour vous déplacer au début du fichier.
  4. Appuyez plusieurs fois sur Page Down pour descendre par page dans le fichier.
  5. Appuyez plusieurs fois sur Page Up pour remonter par page dans le fichier.
  6. Faites des essais de déplacement du curseur avec les flèches. Flèche droite vous allez à droite, gauche vous allez à gauche, haut vous allez vers le haut et enfin bas vous allez vers le bas.
  7. Positionnez le curseur avec un clic gauche au milieu d'une ligne qui commence par des tabulations. Appuyez sur Fin pour aller à la fin de la ligne. Appuyez sur Début pour revenir au début du contenu de la ligne. Appuyez encore sur Début et vous allez au tout début de la ligne devant les tabulations.
  8. Maintenez SHIFT enfoncé et déplacez vous en appuyant sur la flèche du bas. Vous voyez que vous sélectionnez plusieurs lignes.
  9. Faites CTRL+X pour couper la sélection.
  10. Faites CTRL+Z pour annuler la frappe (Undo).
  11. Faites CTRL+Y pour rétablir la frappe (Redo).
  12. Faites CTRL+S pour sauvegarder votre travail.
  13. Maintenant vous sélectionnez à nouveau quelques lignes puis vous faites CTRL+C cette fois pour copier ces lignes puis vous faites CTRL+N pour ouvrir un nouveau fichier puis CTRL+V pour récupérer ce que vous avez copié.
  14. Retournez sur le premier fichier et faite CTRL+A pour sélectionner tout le fichier.
Raccourcis "Microsoft" utilisés dans Notepad++
CTRL+C Copier
CTRL+V Coller
CTRL+X Couper
CTRL+Z Annuler la frappe
CTRL+Y Répéter la frappe
CTRL+N Nouveau fichier
CTRL+O Ouvrir un fichier
CTRL+S Sauvegarder
Début Début de ligne
Fin Fin de ligne
CTRL+Début Début du fichier
CTRL+Fin Fin du fichier
Page Up Remonte d'une page
Page Down Descend d'une page
CTRL+A Sélectionne tout le fichier

Manip de base à la souris

Sélection à la souris.
Sélection à la souris
  1. Double cliquez sur un mot qui apparaît plusieurs fois dans la zone de travail.
  2. Constatez que le mot est sélectionné et que les autres occurrences du mot dans tout le fichier sont mises en surbrillance.
  3. Triple cliquez sur une ligne et constatez que vous sélectionnez toute la ligne.

#4 Le curseur sur les brackets {} () [] open

Le terme bracket désigne un de ces caractères {} () []. Ces caractères sont des délimiteurs dans le code. Ils marchent par paire et il est intéressant de pouvoir repérer les paires. Pour cela vous placez le curseur à côté d'un bracket et Notepad++ vous montre en rouge la paire de brackets. Vous pouvez faire CTRL+B pour déplacer le curseur d'un bracket vers l'autre bracket.

Repérage des brackets
Repérage des () Repérage des {} Repérage des []

#5 Manipulations de texte open

Couper du texte en partant du curseur jusqu'à la fin du mot

Placez le curseur au milieu d'un mot puis faites :

  1. CTRL+Supp pour supprimer jusqu'à la fin du mot.
  2. CTRL+Supp arrière pour supprimer jusqu'au début du mot.

Couper du texte en partant du curseur jusqu'à la fin de la ligne

Placez le curseur au milieu d'une ligne puis faites :

  1. CTRL+SHIFT+Supp pour supprimer jusqu'à la fin de la ligne.
  2. CTRL+SHIFT+Supp arrière pour supprimer jusqu'au début de la ligne.

Manipuler la ligne ou se trouve le curseur ou le groupe de lignes sélectionnées

  1. CTRL+L vous supprimez toute la ligne ou se trouve le curseur. Maintenant si vous sélectionnez une ou plusieurs lignes vous supprimez toute la sélection.
  2. CTRL+D pour dupliquer la ligne ou se trouve le curseur ou le groupe de lignes sélectionnées.
  3. CTRL+SHIFT+Flèche haut déplace la ligne ou se trouve le curseur ou le groupe de lignes sélectionnées vers le haut.
  4. CTRL+SHIFT+Flèche bas déplace la ligne ou se trouve le curseur ou le groupe de lignes sélectionnées vers le bas.
  5. Sélectionnez deux ou plusieurs lignes puis CTRL+J pour joindre les lignes.

#6 Les commentaires open

CTRL+Q on met la ligne en commentaire quelque soit l'extension que j'ai testée (css, html, php, js).

CTRL+SHIFT+Q on met en commentaire le bloc de lignes sélectionnées.

#7 Indenter open

Pour indenter :

  1. Vous sélectionnez une ou plusieurs lignes.
  2. Vous faites TAB pour déplacer les lignes vers la droite.
  3. Vous faites SHIFT+TAB pour déplacer les lignes vers la gauche.

#8 Edition de colonnes et curseurs multiples open

Edition de colonnes

  1. Ouvrez le fichier fic-html.html. Faites CTRL+G pour aller à la ligne 68.
  2. Pour éditer en colonnes la première solution c'est de le faire avec la souris pour cela vous appuyez sur ALT, vous placez le curseur devant demo et vous cliquez gauche sur la souris puis vous descendez tout en restant appuyé. Vous constatez que vous avez plusieurs curseurs et vous ajoutez le texte que vous voulez en une seule saisie.
    Edition multi-colonnes avec la souris
    Edition multi-colonne avec la souris
  3. La deuxième solution c'est de le faire au clavier. Pour cela vous placez le curseur devant demo puis vous appuyez sur SHIFT+ALT+Flèche vers le bas.
  4. Pour enlever les curseurs il vous suffit de cliquer en dehors de la zone. Là où il n'y a pas de texte.

Curseurs Multiples

  1. Maintenant on va travailler avec plusieurs curseurs mais pas sur la même colonne. Pour cela vous devez configurer Notepad++. Menu Préférences puis Edition cochez l'option Multi-édition.
    Configurer pour multi edition
  2. Placez un curseur devant le mot Autocompletion. Déplacez le curseur de la souris devant Search interface et appuyez sur CTRL puis faites un clic gauche. Vous constatez que vous avez plusieurs curseurs qui ne sont pas sur la même colonne et vous ajoutez le texte que vous voulez en une seule saisie.

#9 Manipulations des blocs de code : déplier et replier open

Dans la fenêtre Notepad de visualisation du code, ce dernier est affiché par blocs qui correspondent à des entités syntaxiques. Ces blocs sont évidemment imbriqués les uns dans les autres. Ils forment des niveaux. Vous avez la possibilité de déplier ou de replier ces blocs (par niveau) de façon à avoir une vision plus ou moins globale de votre code.

Si vous avez un moins à gauche du début de votre bloc c'est qu'il est déplié. Si vous avez un plus c'est qu'il est replié.

Manipulations des blocs de code
  1. Pour visualiser moins de détails faites par exemple ALT+3 et vous constatez le replie des blocs de "niveau 3". Faites ALT+2 et vous constatez le replie des blocs de "niveau 2". Avec ALT+0 vous repliez tous les niveaux et vous avez une vision d'ensemble de votre fichier.
  2. Vous pouvez déplier n'importe quel niveau en faisant par exemple ALT+SHIFT+2 pour le niveau 2.
  3. Dans le menu Affichage vous retrouvez toutes ces options pour gérer les blocs.
    Menu Affichage pour la gestion des blocs