| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente |
| info:code:codium [2024/05/24 06:50] – radeff | info:code:codium [2026/03/12 06:16] (Version actuelle) – [Remote editing] radeff |
|---|
| ====== VScodium aka Codium ====== | ====== VScodium aka Codium ====== |
| {{tag>codium editor php mysql js css html5 linux}} | {{tag>codium editor php mysql js css html5 linux git}} |
| |
| <note>{{ :info:code:codium_cnl.svg |}} La version libre de [[info:code:start|VSCode]]</note> | {{:info:code:codium_cnl.svg |}} La version libre de [[info:code:start|VSCode]] |
| |
| <note tip>c'est depuis 2024 mon éditeur - après avoir pigé comment intégrer les extensions de VSCode, voir __infra__</note> | <note tip>c'est depuis fin 2023 mon éditeur - après avoir pigé comment intégrer les extensions de VSCode, voir __infra__</note> |
| | |
| | |
| | |
| [[https://vscodium.com/|VSCodium, site officiel]] | |
| |
| {{:info:code:vscodium.png?400|}} | {{:info:code:vscodium.png?400|}} |
| |
| ====== Doc Visual Studio Code ====== | ====== Doc Visual Studio Code ====== |
| | * [[https://vscodium.com/|VSCodium, site officiel]] |
| * plein d'astuces pour vscodium: https://doc.ubuntu-fr.org/visual_studio_code | * plein d'astuces pour vscodium: https://doc.ubuntu-fr.org/visual_studio_code |
| * [[https://doc.ubuntu-fr.org/visual_studio_code#remplacer_le_depot_d_extensions_de_vscodium_open_vsx_registry_par_celui_de_visual_studio_code|Remplacer le dépôt d'extensions de VSCodium (Open VSX Registry) par celui de Visual Studio Code]], voir infra copie locale | * [[https://doc.ubuntu-fr.org/visual_studio_code#remplacer_le_depot_d_extensions_de_vscodium_open_vsx_registry_par_celui_de_visual_studio_code|Remplacer le dépôt d'extensions de VSCodium (Open VSX Registry) par celui de Visual Studio Code]], voir infra copie locale |
| |
| ===== Remplacer le dépôt d'extensions de VSCodium (Open VSX Registry) par celui de Visual Studio Code ===== | ===== +++ Remplacer le dépôt d'extensions de VSCodium (Open VSX Registry) par celui de Visual Studio Code ===== |
| Il est possible de remplacer le dépôt d'extensions de VSCodium (Open VSX Registry) par celui de Visual Studio Code (Visual Studio Marketplace). Il faut pour cela spécifier des variables d'environnement. | Il est possible de remplacer le dépôt d'extensions de VSCodium (Open VSX Registry) par celui de Visual Studio Code (Visual Studio Marketplace). Il faut pour cela spécifier des variables d'environnement. |
| |
| |
| Source: https://doc.ubuntu-fr.org/visual_studio_code#remplacer_le_depot_d_extensions_de_vscodium_open_vsx_registry_par_celui_de_visual_studio_code | Source: https://doc.ubuntu-fr.org/visual_studio_code#remplacer_le_depot_d_extensions_de_vscodium_open_vsx_registry_par_celui_de_visual_studio_code |
| | |
| | ====== Tools / Tips ====== |
| | ===== langue ===== |
| | passer du français à l'anglais: |
| | CTRL-SHIFT-P |
| | Configure dispay language |
| | ===== php debug ===== |
| | * [[php_debug]] tuto pour débugger en php |
| | * [[https://blog.eleven-labs.com/fr/instruction-debugger-et-points-arret/|Maîtriser le temps lors du débogage grâce aux points d’arrêt]] |
| | |
| | ===== snippets ===== |
| | |
| | * [[https://code.visualstudio.com/docs/editor/userdefinedsnippets|snippets]] |
| | * [[:intranet:codesnippets|mes snippets]] (intranet) |
| | |
| | |
| | ===== Regexp replace ===== |
| | remplacer |
| | truc |
| | par |
| | truc=$_GET['truc']; |
| | |
| | <code> |
| | ^(.*)$ |
| | $0=$_GET['$0']; |
| | </code> |
| | ===== bug on start ===== |
| | suite à une mise à jour mon codium ne se lançait plus, avec un truc bizarre: |
| | <code bash> |
| | ls -alF /snap/bin/codium |
| | lrwxrwxrwx 1 root root 13 fév 17 08:22 /snap/bin/codium -> /usr/bin/snap |
| | </code> |
| | |
| | il a suffit de faire: |
| | snap connections codium |
| | pour tout régler |
| | ====== Plugins / Marketplace ====== |
| | |
| | https://code.visualstudio.com/docs/editor/extension-marketplace |
| | |
| | * [[https://marketplace.visualstudio.com|marketplace]] |
| | |
| | |
| | ===== Live Server ===== |
| | |
| | voir les modifs du code directement et dynamiquement dans votre browser favori |
| | ===== Git Graph ===== |
| | un plugin bien pratique pour [[info:code:codium|VScodium aka Codium]] |
| | |
| | https://github.com/mhutchie/vscode-git-graph |
| | ===== LaTeX ===== |
| | * https://medium.com/@rcpassos/writing-latex-documents-in-visual-studio-code-with-latex-workshop-d9af6a6b2815 |
| | * https://guillaumeblanchet.medium.com/using-latex-in-visual-studio-code-on-windows-121032043dad |
| | |
| | Plugins utilisés: |
| | |
| | LaTeX Workshop ; LaTex Utilities |
| | |
| | Voir aussi: [[:info:latex:homepage|LaTeX]] |
| | ===== XML ===== |
| | |
| | * [[https://marketplace.visualstudio.com/items?itemName=DotJoshJohnson.xml|XML Tools]] |
| | |
| | ===== Remote editing ===== |
| | Pour les stressé·es qui veulent bosser directement en prod |
| | |
| | <note warning>beaucoup trop dangereux, vaut mieux bosser proprement avec git</note> |
| | |
| | * [[https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh|remote-ssh (marketplace)]] |
| | * [[https://code.visualstudio.com/docs/remote/ssh|Remote Development using SSH]] |
| | * [[https://code.visualstudio.com/docs/remote/ssh-tutorial|Tutorial]] |
| | ===== CSV ===== |
| | highlighter et voir en "excel-style" un fichier csv |
| | |
| | https://marketplace.visualstudio.com/items?itemName=janisdd.vscode-edit-csv |
| |
| ===== IA ===== | ===== IA ===== |
| on peut ajouter une ia | On peut même ajouter une ia |
| |
| <html> | <html> |
| <iframe width="560" height="315" src="https://www.youtube.com/embed/FYy9jtDudLo?si=lrRxKbzz9CjMOzF5" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> | <iframe width="560" height="315" src="https://www.youtube.com/embed/FYy9jtDudLo?si=lrRxKbzz9CjMOzF5" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> |
| </html> | </html> |