197 lines
7.0 KiB
HTML
197 lines
7.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<title>Vscode helper</title>
|
|
|
|
<link rel="stylesheet" href="style.css">
|
|
|
|
<style>
|
|
:root {
|
|
--background_titles: #00acf0 !important;
|
|
}
|
|
div.pre {
|
|
white-space: pre-line;
|
|
margin-top: -2em;
|
|
margin-bottom: 3rem;
|
|
}
|
|
body > div.pre:last-child {
|
|
margin-bottom: 6rem !important;
|
|
}
|
|
.important {
|
|
background: var(--background_titles);
|
|
padding: 2px 4px;
|
|
color: #FFF;
|
|
padding: 10px 20px;
|
|
font-weight: bold;
|
|
a {
|
|
color: #FFF !important;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<section>
|
|
|
|
<h1>Firefox</h1>
|
|
|
|
<div class="pre">
|
|
<kdb>CTRL+MAJ+I</kdb> les outils de dev. s'affichent
|
|
<kdb>CTRL+MAJ+M</kdb> vue adaptative
|
|
<kdb>CTRL+U</kdb>, le code source (le fichier avant qu'il soit lu/interprété par le Navigateur)
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h1>VSCODE, VSCODIUM...</h1>
|
|
|
|
<div class="pre">
|
|
VScode
|
|
Le logiciel est un IDE, une interface visuelle pour coder...
|
|
Il est maintenu par Microsoft
|
|
|
|
Des gens ont mis à jour une version "sans Microsoft"
|
|
( sans "Telimetry" == aspiration de données )
|
|
- VSCodium - Open Source Binaries of VSCode
|
|
↳ <a href="https://vscodium.com" target="_blank">https://vscodium.com/</a>
|
|
|
|
- Codium ( vscodium Windows )
|
|
↳ <a href="https://thorium.rocks/codium" target="_blank">https://thorium.rocks/codium/</a>
|
|
|
|
La version ici (https://code.bonnebulle.xyz) est une version "serveur" <a href="https://coder.com/" target="_blank">infos sur Coder</a>, mais c'est le.la même interface...
|
|
Il y a quand même quelques changements mineurs, entre autres, pour les raccourcis clavier.
|
|
|
|
<span class="important">À installer également : <a href="https://hluk.github.io/CopyQ/" target="_blank">https://hluk.github.io/CopyQ/</a></span>
|
|
</div>
|
|
|
|
|
|
|
|
<h2>Raccourcis...</h2>
|
|
|
|
<h3>Dossiers / Fichiers</h3>
|
|
|
|
<div class="pre">
|
|
<kdb>Ctrl+K</kdb> + <kdb>Ctrl+O</kdb> ouvrir un projet/dossier
|
|
<kdb>Ctrl+R</kdb> ouvrir un projet/dossier (déjà ouvert.connu)
|
|
<kdb>Alt+T</kdb> popup fichiers récents
|
|
<kdb>Ctrl+E</kdb> Chercher parmis les fichiers du dossier/projet
|
|
<kdb>Ctrl+Maj+S</kdb> sauvegarder sous (un autre nom)
|
|
+ <cmd>vsc</cmd> /ou/ <cmd>vsc</cmd> /path/to/file.text ( ouvrir dans l'éditeur )
|
|
</div>
|
|
|
|
|
|
<h3>Commandes menus</h3>
|
|
|
|
<div class="pre">
|
|
<kdb>F1</kdb> [Affichage > Palette de commandes...] <--- chercher n'importe quelle action
|
|
(<kdb>Ctrl+Maj+P</kdb> sur Vscode non serveur)
|
|
<kdb>Ctrl+K + Ctrl+S</kdb> Raccourcis clavier
|
|
</div>
|
|
|
|
|
|
<h3>Affichage, panneaux</h3>
|
|
|
|
<div class="pre">
|
|
<kdb>Ctrl+Maj+O</kdb> Menu Layout (affichages)
|
|
...
|
|
<kdb>Alt+E</kdb> ( perso.custo ) : Toggle minimap
|
|
<kdb>Ctrl+B</kdb> Toggle panneau gauche (Explorer, autres)
|
|
<kdb>Ctrl+J</kdb> Toggle panneau Terminal
|
|
<kdb>Ctrl+K + Ctrl+M</kdb> Quand plusieurs éditeurs ouverts side-by-side (plusieurs groups d'éditeurs côte-à-côte)... va élargir l'éditeur actif (où est le curseur)
|
|
|
|
<div><strong>Voir Interfaces, groups, side-by-side... <a href="https://code.visualstudio.com/docs/getstarted/userinterface" target="_blank">https://code.visualstudio.com/docs/getstarted/userinterface</a></strong></div>
|
|
</div>
|
|
|
|
|
|
|
|
<h3>Navigation fichier</h3>
|
|
|
|
<div class="pre">
|
|
<kdb>Alt+O</kdb> (perso.script) Afficher le fichier dans le navigateur (new tab) -- macro dans settings
|
|
+ <cmd>open</cmd> /ou/ <cmd>open</cmd> /path/to/file.text ( navigateur )
|
|
. . .
|
|
<kdb>Alt+T</kdb> (perso.custo) Affichage rapide du dernier fichier ouvert (liste)
|
|
<kdb>Alt+Maj+T</kdb> (perso.custo) Affichage <strike>rapide</strike> du dernier fichier ouvert (liste)
|
|
<kdb>Ctrl+G</kdb> Go to line (> numéro de ligne)
|
|
<kdb>Ctrl+Alt+Z</kdb> (custo.perso) : curseur, revenir à la dernière intervention (précédent)... <kdb>+Maj</kdb> (suivant)
|
|
<a href="https://open-vsx.org/extension/codeandstuff/vscode-navigate-edit-history" target="_blank">https://open-vsx.org/extension/codeandstuff/vscode-navigate-edit-history</a>
|
|
</div>
|
|
|
|
|
|
<h3>Text, recherche...</h3>
|
|
|
|
<div class="pre">
|
|
<kdb>Alt+Z</kdb> Editor text, retour à la ligne (wrap text, largeur max)
|
|
...
|
|
<kdb>Ctrl+X</kdb> couper
|
|
<kdb>Fn+Fleches</kdb> : Aller au début / fin de ligne
|
|
<kdb>Maj</kdb> : sélectionné du text (marche avec début/fin de ligne)
|
|
...
|
|
<kdb>Ctrl+F</kdb> recherche ; <kdb>Ctrl+Maj+F</kdb> panneau de recherche + chercher dans tous les fichiers
|
|
<kdb>Ctrl+Maj+L</kdb> Rechercher dans le document/fichier le text actuellement sélectionné (mêmes occurences)
|
|
<kdb>Ctrl+Espace</kdb> Aides (suggestions, infos CSS, autres) ( <a href="https://code.visualstudio.com/docs/editing/intellisense" target="_blank">Intellisense</a> )
|
|
<kdb>CTRL+MAJ+/</kdb> Commenter
|
|
<kdb>CTRL+MAJ+Suppr</kdb> ( perso.custo ) : supprimer ligne courante !
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h3>Multi curseurs...</h3>
|
|
|
|
<div class="pre">
|
|
Selection > Utiliser <kdb>Ctrl+Clic</kdb>....
|
|
<strong>permet d'ajouter un curseur (de text) à plusieurs endroits...</strong>
|
|
<img src="./_ressources/0_intro/img/0_vscoder_multi_cursors.png">
|
|
|
|
<kdb>Ctrl+Maj + fleches(haut/bas)</kdb> ajouter un curseur (au dessus/dessous)
|
|
<kdb>Alt+A</kdb> ( perso.custo ) : annule le dernier ajout/déplacement/selection de curseur (pratique si on a mal sélectionné)
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<h1>Tools / refs</h1>
|
|
|
|
<div class="pre">
|
|
MDN <a href="https://developer.mozilla.org/fr/" target="_blank">MozillaDevNework</a>
|
|
Commandes (Terminal) <a href="https://cht.sh/" target="_blank">https://cht.sh</a>
|
|
La <a href="https://la-cascade.io" target="_blank">Cascade</a>
|
|
</div>
|
|
|
|
</section>
|
|
|
|
</body>
|
|
|
|
|
|
<footer>
|
|
<script src="https://code.jquery.com/jquery-3.7.1.min.js"
|
|
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
|
|
crossorigin="anonymous"></script>
|
|
|
|
<script type='text/javascript' src='./0_assets/jquery.erToc.min.js'></script>
|
|
<script type='text/javascript'>
|
|
$(document).ready(function() {
|
|
$('section').erToc({'goTopNode':'section', 'startLevel': 'h1', 'numberedSuffix':'. ', tocTitle: 'Table des matières'});
|
|
});
|
|
</script>
|
|
</footer>
|
|
|
|
</html> |