Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
visual_studio_code [Le 17/02/2025, 20:15]
krodelabestiole réorganisation / déplacement serveur web vers page php / relisez vous plz (et <code>, pas <file>)
visual_studio_code [Le 12/05/2025, 12:27] (Version actuelle)
krodelabestiole [Désinstallation] (est-ce bien nécessaire ?)
Ligne 6: Ligne 6:
 [[wpfr>​Visual Studio Code]] (ou //VSCode//) est un logiciel de développement créé par Microsoft. Il est compatible avec linux, et est publié sous double licence, libre ou propriétaire. La version Microsoft est sous licence propriétaire,​ avec quelques [[https://​vscodium.com/#​why|adjonctions]],​ comme de la télémétrie ou un logo MS. [[wpfr>​Visual Studio Code]] (ou //VSCode//) est un logiciel de développement créé par Microsoft. Il est compatible avec linux, et est publié sous double licence, libre ou propriétaire. La version Microsoft est sous licence propriétaire,​ avec quelques [[https://​vscodium.com/#​why|adjonctions]],​ comme de la télémétrie ou un logo MS.
  
-La version libre, quasi similaire mais sans les [[https://​vscodium.com/#​why|ajouts propriétaires et intrusifs de Microsoft]],​ s'​appelle [[https://​vscodium.com/​|VSCodium]].+La version libre, quasi similaire mais sans les [[https://​vscodium.com/#​why|ajouts propriétaires et intrusifs de Microsoft]],​ s'​appelle ​**[[https://​vscodium.com/​|VSCodium]]**(([[https://​github.com/​VSCodium/​vscodium.github.io|GitHub]])).
  
-La page ci-dessous ​vous explique comment installer l'une ou l'​autre ​version, à votre convenance.+Cette page vous laisse le choix entre la version ​Microsoft **[[#​Installation VSCode|VSCode]]** et la version communautaire **[[#​Installation VSCodium|VSCodium]]**, à votre convenance ​:
  
-<​note>​Par défaut, VSCodium ne permet pas d'​accéder au dépôt d'​extensions Visual Studio Marketplace,​ maintenu par Microsoft.+===== Installation VSCode =====
  
-Il est cependant possible de [[https://​github.com/​VSCodium/​vscodium/​blob/​master/​DOCS.md#​extensions-marketplace|modifier le fichier product.json]] pour y avoir accès.</​note>​+Il existe plusieurs manière d'​installer **VSCode** sur Ubuntu ​:
  
-===== Installation =====+==== Via snap ====
  
-Cette page vous laisse le choix entre la version Microsoft et VSCodium.+L'​installation via [[snap|snap]] est la plus simple : 
 +**VSCode** est disponible en [[:snap]] depuis [[https://​snapcraft.io/​code|Snapcraft]].
  
 +On peut donc simplement installer ''​code''​ depuis le [[:snap store|centre d'​applications (Snap Store)]], ou installer le paquet ''​code''​ en ligne de commande :
 +<​code>​snap install code --classic</​code>​
  
-[[https://​code.visualstudio.com/​download|Allez sur cette page]], et sélectionnez ​le fichier "deb (Debian, Ubuntu)"​ en 64 ou 32 bits [[ubuntu_64bits#​les_processeurs_compatibles|selon votre ordinateur]]. +==== Via le PPA de Microsoft ​(déconseillé====
-Installez le à l'​aide ​de l'​interface graphique ​(tel que gdebi-gtkou en ligne de commande <​code>​ +
-sudo dpkg -i code_*.deb</​code>​+
  
-et vous pourrez exécuter Visual Studio Code avec la commande <​code>​code</​code>​ +La clé PGP et le [[:PPA]] peuvent être ajoutés comme suit :
- +
-=== Via PPA de Microsoft === +
- +
-La clé PGP et le PPA peuvent être ajoutés comme suit :+
  
 <code bash> <code bash>
Ligne 34: Ligne 31:
 sudo sh -c 'echo "deb [arch=amd64 signed-by=/​usr/​share/​keyrings/​packages.microsoft.gpg] https://​packages.microsoft.com/​repos/​vscode stable main" > /​etc/​apt/​sources.list.d/​vscode.list'​ sudo sh -c 'echo "deb [arch=amd64 signed-by=/​usr/​share/​keyrings/​packages.microsoft.gpg] https://​packages.microsoft.com/​repos/​vscode stable main" > /​etc/​apt/​sources.list.d/​vscode.list'​
 </​code>​ </​code>​
-Puis mettez à jour la liste des paquets et installez ​vscode ​:+Puis mettez à jour la liste des paquets et installez ​**VSCode** ​:
 <code bash> <code bash>
 sudo apt install apt-transport-https sudo apt install apt-transport-https
Ligne 41: Ligne 38:
 </​code>​ </​code>​
  
-=== Via snap ===+==== Paquet deb isolé (déconseillé) ====
  
-L'​installation via [[snap|snap]] est la plus simple: +<note
-<code+Cette méthode n'est pas recommandée parce qu'​elle ne permet pas les mises à jour automatiques. 
-sudo snap install code --classic +</note>
-</code>+
  
-==== Installation ​(VSCodium====+Allez sur [[https://​code.visualstudio.com/​download|cette page]], et sélectionnez le fichier //​.deb ​(Debian, Ubuntu)// en //x64// (à moins que vous utilisiez un processeur différent). 
 +Installez-le à l'aide de l'​interface graphique (tel que [[:​gdebi|gdebi-gtk]]) ou en ligne de commande <​code>​sudo dpkg -i code_*.deb</​code>​
  
-Comme indiqué plus haut VSCodium ​est la version libre de la version Microsoft de Visual Studio Code. Pour l'​installer plutôt que la version Microsoft, il y a plusieurs solutions :+===== Installation ​VSCodium ​=====
  
-Le plus simple est d'​installer la version ​[[snap|snap]] des dépôts Ubuntu ​(il n'y a pas de paquet ​.deb+Comme indiqué ​plus haut **[[https://​vscodium.com/​|VSCodium]]**(([[https://​github.com/​VSCodium/​vscodium.github.io|GitHub]])) est la version communautaire,​ libre et débarrassée des fonctionnalités de //tracking// de **Visual Studio Code**.
-<​code>​ +
-sudo snap install codium +
-</code>+
  
-Vous pouvez ​aussi l'​installer ​directement à partir ​de dépôt du projet ​codium :+<​note>​ 
 +Par défaut, **VSCodium** ne permet pas d'​accéder au dépôt d'​extensions **Visual Studio Marketplace**,​ maintenu par Microsoft. 
 + 
 +Il est cependant possible de [[https://​github.com/​VSCodium/​vscodium/​blob/​master/​DOCS.md#​extensions-marketplace|modifier le fichier product.json]] pour y avoir accès. 
 +</​note>​ 
 + 
 +Pour installer cette version, il y a plusieurs solutions : 
 +  * **VSCodium** est distribué par ses développeurs dans les versions les plus récentes sur tous les systèmes Linux en [[#​Flatpak]]. 
 +  * Ils fournissent ​aussi un paquet [[#snap]] officiel. 
 +  * Il existe aussi un [[#dépôt APT]] pour une version [[:deb]]. 
 +  * Il est aussi disponible en [[#​Appimage]] sur [[https://​github.com/​VSCodium/​vscodium/​releases|GitHub]]. 
 + 
 +==== Flatpak ==== 
 + 
 +Le dernière version de **VSCodium** est proposée par ses développeurs en [[:​Flatpak]] sur le dépôt [[https://​flathub.org/​apps/​com.vscodium.codium|Flathub]]. 
 + 
 +On peut donc l'​obtenir en [[:​tutoriel:​installer_application_flatpak|installant Flatpak]] avec le [[:​flatpak#​ajout_du_depot_flathub|dépôt Flathub]] si ce n'est pas déjà fait, puis en installant ''​VSCodium''​ depuis [[:​gnome-software|GNOME Logiciels]],​ ou en installant le paquet ''​com.vscodium.codium''​ en ligne de commande : 
 +<​code>​flatpak install com.vscodium.codium</​code>​ 
 + 
 +==== Snap ==== 
 + 
 +**VSCodium** est disponible en [[:snap]] depuis [[https://​snapcraft.io/​codium|Snapcraft]]. 
 + 
 +On peut donc l'​installer ​sur Ubuntu simplement en installant ''​codium''​ depuis le [[:snap store|centre d'​applications (Snap Store)]], ou en installant le paquet ''​codium''​ en ligne de commande : 
 +<​code>​snap install ​codium</​code>​ 
 + 
 +==== Appimage ==== 
 + 
 +<​note>​ 
 +Cette méthode n'est pas recommandée parce qu'​elle ne permet //a priori// pas les mises à jour automatiques. 
 +</​note>​ 
 + 
 +Pour installer une **[[:​Appimage]]** référez-vous avant tout au [[:​appimage#​installer_un_appimage|chapitre dédié]] au sujet. 
 + 
 +En résumé téléchargez le fichier correspondant à votre version d'​Ubuntu sur [[https://​github.com/​VSCodium/​vscodium/​releases|GitHub]],​ puis [[:​permissions#​modifier_les_permissions|rendez-le exécutable]] (clic droit sur le fichier -> //​Propriétés//​ -> //​Permissions//​ -> //Autoriser l’exécution//​). Finalement lancez-le en double-cliquant dessus.\\  
 +Vous pouvez utiliser un service tel que **[[:​appimage#​go_appimageappimaged|appimaged]]** pour créer automatiquement un [[:​raccourci-lanceur|lanceur]]. 
 + 
 +==== Dépôt APT ==== 
 + 
 +Paul Carroty fournit un [[:​PPA|dépôt APT]] pour **VSCodium** sur Ubuntu et Debian. 
 + 
 +La marche à suivre pour l'​installer est expliquée en anglais sur [[https://​gitlab.com/​paulcarroty/​vscodium-deb-rpm-repo#​how-to-install-for-debianubuntulinux-mint|cette page]].
  
 <code bash> <code bash>
Ligne 69: Ligne 104:
  
 # Installation de VSCodium # Installation de VSCodium
- 
 sudo apt install codium sudo apt install codium
 </​code>​ </​code>​
  
-Vous pouvez désormais démarrer VSCodium en utilisant la commande <​code>​codium</​code>​ +===== Utilisation =====
-Si vous souhaiter utiliser la commande "​code"​ pour le lancer vous pouvez ajouter un lien symbolique : +
-<​code>​ +
-sudo ln -s /​usr/​bin/​codium /​usr/​bin/​code +
-</​code>​+
  
-Vous pouvez ​désormais ​démarrer ​VSCodium ​avec les commandes "code" ​ou "codium".+Vous pouvez démarrer ​VSCode ​avec la commande ''​code'' ​ou VSCodium avec ''​codium''​ (suivi éventuellement d'un nom de fichier ou répertoire).
  
 ===== Extensions ===== ===== Extensions =====
Ligne 126: Ligne 156:
 ==== Déboguer avec Xdebug ​ et VSCodium (ou VSCode) ==== ==== Déboguer avec Xdebug ​ et VSCodium (ou VSCode) ====
  
-**Xdebug** permet de déboguer des fichiers ​php avec VSCodium ou VSCode. ​  ​+**Xdebug** permet de déboguer des fichiers ​[[:​PHP]] ​avec **VSCodium** ou **VSCode**.
  
 === Débogage depuis un serveur web local === === Débogage depuis un serveur web local ===
Ligne 135: Ligne 165:
 === Débogage sans serveur ou depuis un serveur web local - un seul fichier de configuration === === Débogage sans serveur ou depuis un serveur web local - un seul fichier de configuration ===
  
-1 - Installer xdebug  +1 - Installer xdebug 
-Installer Xdebug: + 
-<file> sudo apt install php-xdebug </file+Installer Xdebug : 
-Vérifier ​la bonne installation: +<code>sudo apt install php-xdebug</​code
-<​file>​php -v</​file>​ +Pour vérifier ​la bonne installation, la commande 
-donne+  php -v 
-<file>gerard@gerard-ThinkCentre-M700:​~$ php -v permet de voir si Xdebug est installé. +devrait mentionner ''​Xdebug''​ dans un retour du type 
-PHP 8.1.2-1ubuntu2.14 ​(cli) (built: ​Aug 18 2023 11:41:11) (NTS)+<code
 +PHP 8.3.(cli) (built: ​Dec  2 2024 12:36:18) (NTS)
 Copyright (c) The PHP Group Copyright (c) The PHP Group
-Zend Engine v4.1.2, Copyright (c) Zend Technologies +Zend Engine v4.3.6, Copyright (c) Zend Technologies 
-    with Zend OPcache v8.1.2-1ubuntu2.14, Copyright (c), by Zend Technologies +    with Zend OPcache v8.3.6, Copyright (c), by Zend Technologies 
-    with Xdebug v3.1.2, Copyright (c) 2002-2021, by Derick Rethans +    with Xdebug v3.2.0, Copyright (c) 2002-2022, by Derick Rethans 
-gerard@gerard-ThinkCentre-M700:​~$ ​ +</​code>​ 
-</file>+<​note>​ 
 +Ces informations permettent de voir si **Xdebug** est installé et de repérer la version de PHP (8.3 ci-dessus). Les lignes de commande ci-dessous seront à adapter suivant vos versions. 
 +</note> 
 +On peut utiliser deux fichiers pour la configuration de **Xdebug**. Le premier pour une session "​CLI"​ ( interface de ligne de commande - sans serveur) le deuxième pour le serveur web : 
 +  * ''/​etc/​php/​8.1/​cli/​conf.d/​20-xdebug.ini''​ 
 +  * ''/​etc/​php/​8.1/​apache2/​conf.d/​20-xdebug.ini''​
  
-On peut utiliser ​deux fichiers ​pour la configuration de Xdebug. ​Le premier pour une session "​CLI"​ ( interface ​de ligne de commande - sans serveur) le deuxième pour le serveur web local: \\ +2 - On va effacer ces deux fichiers ​et créer des liens symboliques vers le fichier ou se trouvera ​la configuration de **Xdebug**Un appel de ''​/​etc/​php/​8.1/​cli/​conf.d/​20-xdebug.ini''​ ou de ''​/​etc/​php/​8.1/​apache2/​conf.d/​20-xdebug.ini''​ nous ramènera vers le fichiers de configuration (''/​etc/​php/​8.1/​mods-available/​xdebug.ini''​). Cela permet de n'​avoir qu'un seul fichier de configuration.
-/​etc/​php/​8.1/​cli/​conf.d/​20-xdebug.ini ​\\ +
-/​etc/​php/​8.1/​apache2/​conf.d/​20-xdebug.ini ​\\+
  
-2 - On va effacer ces deux fichiers et créer des liens symboliques vers le fichier ou se trouvera la configuration de xdebug. Un appel de/​etc/​php/​8.1/​cli/​conf.d/​20-xdebug.ini ​ou de /​etc/​php/​8.1/​apache2/​conf.d/​20-xdebug.ini nous ramènera vers le fichiers de configuration (/​etc/​php/​8.1/​mods-available/​xdebug.ini).Cela permet de n'avoir qu'un seul fichier de configuration. +Effacer ''​/​etc/​php/​8.1/​cli/​conf.d/​20-xdebug.ini''​ : 
- +<code>sudo rm /​etc/​php/​8.1/​cli/​conf.d/​20-xdebug.ini</​code>
-Effacer ​ /​etc/​php/​8.1/​cli/​conf.d/​20-xdebug.ini+
-<file>sudo rm /​etc/​php/​8.1/​cli/​conf.d/​20-xdebug.ini</​file>+
 Effacer /​etc/​php/​8.1/​apache2/​conf.d/​20-xdebug.ini:​ Effacer /​etc/​php/​8.1/​apache2/​conf.d/​20-xdebug.ini:​
-<file>sudo rm /​etc/​php/​8.1/​apache2/​conf.d/​20-xdebug.ini</​file>+<code>sudo rm /​etc/​php/​8.1/​apache2/​conf.d/​20-xdebug.ini</​code>
  
-3 - Créer le premier lien symbolique:​ +3 - Créer le premier lien symbolique : 
-<file>sudo ln -s /​etc/​php/​8.1/​mods-available/​xdebug.ini /​etc/​php/​8.1/​cli/​conf.d/​20-xdebug.ini</​file>+<code>sudo ln -s /​etc/​php/​8.1/​mods-available/​xdebug.ini /​etc/​php/​8.1/​cli/​conf.d/​20-xdebug.ini</​code>
 Puis le deuxième lien symbolique: Puis le deuxième lien symbolique:
-<file>sudo ln -s /​etc/​php/​8.1/​mods-available/​xdebug.ini /​etc/​php/​8.1/​apache2/​conf.d/​20-xdebug.ini</​file>+<code>sudo ln -s /​etc/​php/​8.1/​mods-available/​xdebug.ini /​etc/​php/​8.1/​apache2/​conf.d/​20-xdebug.ini</​code>
  
-4 - Puis configurer l'​unique fichier de configuration /​etc/​php/​8.1/​mods-available/​xdebug.ini:​ +4 - Puis configurer l'​unique fichier de configuration ​''​/​etc/​php/​8.1/​mods-available/​xdebug.ini'' ​
-<file>​zend_extension=xdebug.so+<code>​zend_extension=xdebug.so
 xdebug.mode = develop, debug xdebug.mode = develop, debug
 xdebug.start_with_request = yes xdebug.start_with_request = yes
 xdebug.log = /​tmp/​xdebug.log xdebug.log = /​tmp/​xdebug.log
 xdebug.client_host = localhost xdebug.client_host = localhost
-xdebug.client_port = 9003</file>+xdebug.client_port = 9003</code>
  
 5 - Redémarrer apache2: 5 - Redémarrer apache2:
-<file>sudo systemctl restart apache2</​file>+<code>sudo systemctl restart apache2</​code> 
 + 
 +6 - Créer un fichier ''​phpinfo.php''​ avec ce contenu : 
 +<​code><?​php 
 +phpinfo();</​code>​ 
 +Place ce fichier dans le répertoire ''/​var/​www/​html''​ du serveur et ouvrir dans un navigateur web l'URL ''​[[http://​localhost/​phpinfo.php]]''​ correspondant au fichier.
  
-6 - Créer un fichier phpinfo.php dans lequel, on met: +Vérifier la bonne installation de Xdebug : 
-<​file><?​php +<code>This program makes use of the Zend Scripting Language Engine:
-phpinfo();</​file>​ +
-On place ce fichier sur le serveur local dans le dossier /​var/​www/​html et on lance l'url [[http://​localhost/​phpinfo.php]] du fichier avec un navigateur web. +
-Vérifier la bonne installation de Xdebug: +
-<file>This program makes use of the Zend Scripting Language Engine:+
 Zend Engine v4.1.2, Copyright (c) Zend Technologies Zend Engine v4.1.2, Copyright (c) Zend Technologies
     with Zend OPcache v8.1.2-1ubuntu2.14,​ Copyright (c), by Zend Technologies     with Zend OPcache v8.1.2-1ubuntu2.14,​ Copyright (c), by Zend Technologies
-    with Xdebug v3.1.2, Copyright (c) 2002-2021, by Derick Rethans</​file>+    with Xdebug v3.1.2, Copyright (c) 2002-2021, by Derick Rethans</​code>
 Il existe un paragraphe concernant Xdebug sur cette page ou on peut créer un fichier xdebug_infos.php dans lequel il faut insérer Il existe un paragraphe concernant Xdebug sur cette page ou on peut créer un fichier xdebug_infos.php dans lequel il faut insérer
-<file><?​php  +<code><?​php  
-xdebug_info();</​file+xdebug_info();</​code
-On doit également placer ce fichier dans le dossier /​var/​www/​html \\ +On doit également placer ce fichier dans le dossier ​''​/​var/​www/​html'' ​\\ 
 on lance le fichier avec l'URL [[http://​localhost/​xdebug_info.php]] on lance le fichier avec l'URL [[http://​localhost/​xdebug_info.php]]
-On y retrouve les paramètres de réglage que l'on a effectué dans le fichier /​etc/​php/​8.1/​mods-available/​xdebug.ini+On y retrouve les paramètres de réglage que l'on a effectué dans le fichier ​''​/​etc/​php/​8.1/​mods-available/​xdebug.ini''​.
  
 === Comment déboguer? === === Comment déboguer? ===
Ligne 210: Ligne 243:
  
 3 - avec le serveur web interne PHP:  3 - avec le serveur web interne PHP: 
-- Lancer le serveur PHP sur le port 8082 (par exemple) en local: +- Lancer le serveur PHP sur le port ''​8082'' ​(par exemple) en local: 
-<file> php -S localhost:​8082</​file>+<code> php -S localhost:​8082</​code>
 - Créer un fichier launch.json file si besoin (section "run and debbug"​ dans la partie gauche de l'​interface) \\ - Créer un fichier launch.json file si besoin (section "run and debbug"​ dans la partie gauche de l'​interface) \\
 - Démarrer l'​application avec l'​option "Start Debugging"​.\\ - Démarrer l'​application avec l'​option "Start Debugging"​.\\
Ligne 220: Ligne 253:
  
 pour pouvoir déboguer Symfony, il faut utiliser le fichier ''​launch.json''​ suivant: pour pouvoir déboguer Symfony, il faut utiliser le fichier ''​launch.json''​ suivant:
-<file>+<code>
 { {
     "​version":​ "​0.2.0",​     "​version":​ "​0.2.0",​
Ligne 240: Ligne 273:
     ]     ]
   }   }
-</file>+</code>
   ​   ​
 ==== Serveurs web PHP ==== ==== Serveurs web PHP ====
Ligne 265: Ligne 298:
 ===== Désinstallation ===== ===== Désinstallation =====
  
-Si installation via [[#via_deb]], +Pour supprimer cette application,​ il suffit de [[:​tutoriel:​comment_supprimer_un_paquet|supprimer son paquet]]. Selon la méthode choisiela configuration globale de l'​application est conservée ou supprimée. Les journaux du système, et les fichiers de préférence des utilisateurs dans leurs dossiers personnels sont toujours conservés. 
-<​code ​bash>sudo apt autoremove ​code</​code>​+ 
 +  * Pour les versions [[:deb]], vous pouvez passer par le [[:snap store|centre d'​applications]],​ ou en ligne de commande :<​code>​sudo apt remove ​code codium</​code>​ 
 +  * Pour la version **[[:​flatpak#​desinstallation_de_logiciels|Flatpak]]**,​ vous pouvez passer par [[:​gnome-software|GNOME Logiciels]] (si vous avez le //plugin// [[:​gnome-software#​installer_les_greffons_snap_et_flatpak|Flatpak]]),​ ou en ligne de commande :<​code>​flatpak uninstall code codium</​code>​ 
 +  * Pour la version **[[:​snap#​suppression|snap]]**,​ vous pouvez passer par le [[:snap store|centre d'​applications]],​ ou en ligne de commande :<​code>​snap remove code codium</​code>​ 
 +  * Pour la version **[[:​appimage#​desinstaller_un_appimage|Appimage]]**,​ vous devez simplement supprimer le fichier ''​VSCodium.appimage''​.
  
-===== Liens utiles ​=====+===== Voir aussi =====
  
-  * [[https://​visualstudio.developpez.com/​cours-tutoriels/​|Les meilleurs ​cours et tutoriels pour apprendre ​Visual Studio]]+  * [[https://​visualstudio.developpez.com/​cours-tutoriels/​|cours et tutoriels]] pour apprendre ​à utiliser **VSCode** sur [[wpfr>​Developpez.com]] 
 +  * **[[https://​github.com/​coder/​code-server|CODE Server]]** permet d'​utiliser **VSCode** directement installé sur son serveur depuis un navigateur (utile pour gérer directement les fichiers sans jamais avoir à les télécharger - attention par contre à la [[:​sécurité]] de l'​installation !). 
 +  * **[[https://​zed.dev|Zed]]**, une alternative moderne
  
 ---- ----
    
 //​Contributeurs : [[:​utilisateurs:​jusdepatate|Jus de Patate]], [[:​utilisateurs:​krodelabestiole]],​ [[:​utilisateurs:​samcelia]]//​ //​Contributeurs : [[:​utilisateurs:​jusdepatate|Jus de Patate]], [[:​utilisateurs:​krodelabestiole]],​ [[:​utilisateurs:​samcelia]]//​
  • visual_studio_code.1739819745.txt.gz
  • Dernière modification: Le 17/02/2025, 20:15
  • par krodelabestiole