Bash, Python, Javascript, commande de code, etc. dans Visual Studio Code sur Mac

Si vous voulez juste écrire un script Atom «Sublime», insérez simplement Linux dans VirtualBox et installez Vim, et c'est très bien.

J'y pensais il y a quelque temps, mais j'ai changé d'avis en touchant Visual Studio Code, j'ai donc pris une note.

Ce n'est que le premier jour depuis que j'ai commencé à y toucher, donc je pense qu'il y a beaucoup d'erreurs et d'inefficacités. Si vous remarquez quelque chose, veuillez le signaler.

Addendum du 04/12/2017: J'ai fini par revenir sur Vim (NeoVim) car j'ai beaucoup de travail avec CUI.

Paramètres de débogage de Bash

Installez une extension appelée Bash Debug créée par une personne nommée rogalmic.

Bash Debug: https://marketplace.visualstudio.com/items?itemName=rogalmic.bash-debug

Tout d'abord, assurez-vous que vous disposez de toutes les commandes dont vous avez besoin pour utiliser Bash Debug. Si vous ne le trouvez pas, installez-le comme infusion.

$ which {cat,mkfifo,rm,pkill,bashdb}
-----
/bin/cat
/usr/bin/mkfifo
/bin/rm
/usr/bin/pkill
/usr/local/bin/bashdb
-----

Après avoir installé Bash Debug, créez un script qui fonctionne avec Bash et ouvrez-le avec un éditeur, il ressemblera à ce qui suit.

$ cat vce_hoge/hello.sh 
-----
hoge="HELLO"
echo "$hoge"
-----

Lorsque vous appuyez sur F5, il vous sera demandé quoi faire comme indiqué ci-dessous, alors choisissez Bash Debug.

Ensuite, on m'a demandé comment décider du chemin du script, mais je n'ai pas étudié la différence spécifique et je n'ai aucune idée, alors j'ai choisi 1.Le chemin du script doit être sélectionné et ainsi de suite. ..

Cela créera un fichier de configuration avec un répertoire appelé .vscode et un environnement d'exécution appelé launch.json (voir le résultat cat ci-dessous).

$ cat vce_hoge/.vscode/launch.json 
-----
{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Bash-Debug (select script from list of sh files)",
            "type": "bashdb",
            "request": "launch",
            "scriptPath": "${command.SelectScriptName}",
            "commandLineArguments": "",
            "windows": {
                "bashPath": "C:\\Windows\\sysnative\\bash.exe"
            },
            "linux": {
                "bashPath": "bash"
            },
            "osx": {
                "bashPath": "bash"
            }
        }
    ]
}
-----

Une fois le fichier ci-dessus créé, retournez dans l'éditeur et appuyez sur F5 pour afficher la liste des scripts du dossier actuel dans la liste déroulante de l'Explorateur. Sélectionnez le script que vous souhaitez exécuter (débogage).

Ensuite, vous pouvez déboguer comme indiqué dans la figure ci-dessous.

Paramètres de débogage Javascript

À côté de Bash se trouve Javascript.

Tout d'abord, assurez-vous que Node.js est installé. S'il n'est pas installé, il sera brassé (comme ci-dessus)

$ which node
-----
/usr/local/bin/node
-----

VSCode est livré avec un débogueur Javascript intégré appelé Node Debug 2, donc je me demande s'il est nécessaire d'installer l'extension pour le moment.

Avant de faire divers réglages, j'ai d'abord créé un fichier appelé hello.js.

Après avoir créé le fichier, ouvrez la console de débogage et ajoutez la configuration pour exécuter Javascript.

Sélectionnez "Lancer le programme". スクリーンショット 2017-03-20 20.50.09.png

Les paramètres seront ajoutés à launch.json, donc modifiez la valeur de "programme" selon le cas, ajoutez "protocole", puis enregistrez. スクリーンショット 2017-03-20 21.02.13.png En savoir plus sur le protocole de débogage: https://code.visualstudio.com/docs/editor/node-debugging

Ouvrez la console de débogage et sélectionnez la configuration à déboguer. スクリーンショット 2017-03-20 20.56.19.png

Après avoir sélectionné la configuration, appuyez sur F5 et vous pourrez déboguer comme indiqué ci-dessous.

スクリーンショット 2017-03-20 21.05.22.png

Python

Installez une extension appelée Python créée par une personne nommée Don Jayamanne. https://marketplace.visualstudio.com/items?itemName=donjayamanne.python

Bien sûr, un environnement d'exécution Python est requis, donc c'est du brew (comme ci-dessus)

La procédure est la même que Javascript. Sélectionnez "Python" dans Ajouter une configuration et enregistrez launch.json.

Vous pouvez déboguer en ouvrant la console de débogage, en sélectionnant Python dans la configuration et en appuyant sur F5.

Extensions qui semblent utiles

Code Runner Il s'agit d'une extension qui vous permet d'exécuter uniquement une partie spécifique sélectionnée en faisant glisser le code source.

usage.gif

Code Runner: https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner

À propos de la commande code

Un peu sur la ligne de commande VSCode - le journal espresso3389

http://espresso3389.hatenablog.com/entry/vscodeac2016-8

Cet article a été très utile pour avoir un aperçu de ce que vous pouvez faire avec la commande code.

Pour utiliser la commande code sur un Mac

Sur Mac, le chemin du fichier d'exécution de la commande de code est

/Applications/Visual\ Studio\ Code.app/Contents/Resources/app/bin/code

Il semble être dans (lorsqu'il est placé dans le répertoire Application). L'ajout du répertoire ci-dessus à mon PATH ne fonctionne pas, j'ai donc enregistré un alias comme celui ci-dessous dans mon .bashrc.

alias code="/Applications/Visual\ Studio\ Code.app/Contents/Resources/app/bin/code"
$ code --help
------
Visual Studio Code 1.10.2

Usage: code [options] [paths...]

Options:
  -d, --diff                  Open a diff editor. Requires to pass two file paths as arguments.
  -g, --goto                  Open the file at path at the line and character (add :line[:character] to path).
  --locale <locale>           The locale to use (e.g. en-US or zh-TW).
  -n, --new-window            Force a new instance of Code.
  -p, --performance           Start with the 'Developer: Startup Performance' command enabled.
  -r, --reuse-window          Force opening a file or folder in the last active window.
  --user-data-dir <dir>       Specifies the directory that user data is kept in, useful when running as root.
  --verbose                   Print verbose output (implies --wait).
  -w, --wait                  Wait for the window to be closed before returning.
  --extensions-dir <dir>      Set the root path for extensions.
  --list-extensions           List the installed extensions.
  --show-versions             Show versions of installed extensions, when using --list-extension.
  --install-extension <ext>   Installs an extension.
  --uninstall-extension <ext> Uninstalls an extension.
  --disable-extensions        Disable all installed extensions.
  --disable-gpu               Disable GPU hardware acceleration.
  -v, --version               Print version.
  -h, --help                  Print usage.
-----

Bien sûr, vous pouvez également utiliser l'option diff.

$ cat hoge.txt 
-----
hoge
-----

$ cat hoge2.txt 
-----
hoge2
-----

$ code -d hoge.txt hoge2.txt
-----
Voir l'image ci-dessous
-----

Contenu de la commande de code

$ cat /Applications/Visual\ Studio\ Code.app/Contents/Resources/app/bin/code 
-----
#!/usr/bin/env bash
#
# Copyright (c) Microsoft Corporation. All rights reserved.
# Licensed under the MIT License. See License.txt in the project root for license information.

function realpath() { /usr/bin/python -c "import os,sys; print os.path.realpath(sys.argv[1])" "$0"; }
CONTENTS="$(dirname "$(dirname "$(dirname "$(dirname "$(realpath "$0")")")")")"
ELECTRON="$CONTENTS/MacOS/Electron"
CLI="$CONTENTS/Resources/app/out/cli.js"
ELECTRON_RUN_AS_NODE=1 "$ELECTRON" "$CLI" "$@"
-----

D'une manière ou d'une autre, j'ai l'impression de pouvoir le deviner, mais je ne l'ai pas vu maintenant ...

Touche de raccourci

https://code.visualstudio.com/docs/customization/keybindings

Sur un Mac, F11 etc. est en conflit avec les fonctions standard du système d'exploitation, il peut donc être préférable de remapper.

Recommended Posts

Bash, Python, Javascript, commande de code, etc. dans Visual Studio Code sur Mac
Exécutez Python en C ++ sur Visual Studio 2017
Exécutez Python YOLOv3 en C ++ sur Visual Studio 2017
Paramètres de codage Python avec Visual Studio Code
Créer un environnement de développement Python en 10 minutes (Mac OS X + Visual Studio Code)
Développement Python avec Visual Studio 2017
Développement Python avec Visual Studio
Faites quelque chose comme un interpréteur Python avec Visual Studio Code
Installer python et Visual Studio Code sur Windows10 (version d'avril 2020)
Installation du code Visual Studio et installation de python
Comment masquer l'invite de commande lors de l'exécution de python dans Visual Studio 2015
Créez un environnement de développement Python sur Windows (WSL distant Visual Studio Code).
De la construction de ré-environnement de Python au dessin graphique (sur le code Visual Studio)
python sur mac
Créer un environnement de développement Python avec Visual Studio Code
Heure à laquelle le terminal disparaît dans Visual Studio Code
Essayez de travailler avec Mongo en Python sur Mac
[Visual Studio Code] [Python] Paramètres Tasks.json + problemMatcher pour Python
VisualStudioCode (vscode) Le thème Dark + par défaut met en évidence les appels de fonction utilisateur Python
Traduire de Visual Studio 2017 vers Python (API Microsoft Translator Text)
Développement d'applications pour tweeter en Python à partir de Visual Studio 2017
Essayez de déboguer Python sur Raspberry Pi avec Visual Studio.
Installez Python sur Mac
Faire en sorte que Visual Studio Code complète automatiquement la bibliothèque externe de Python
Environnement de développement Python avec Windows + Anaconda3 + Visual Studio Code
Environnement de développement Python avec Windows + Python + PipEnv + Visual Studio Code
Jusqu'à ce que vous exécutiez le serveur Django avec Visual Studio Code
Sortie japonaise lors de l'utilisation de python dans Visual Studio
Développement du kit SDK AWS pour Python (Boto3) dans Visual Studio 2017
Installez Python 3.4 sur Mac
Installation de Bash sur Ubuntu sous Windows, Ruby, Python, Jupyter, etc.
[Visual Studio Code] [Python] [Windows] Prise en charge des caractères japonais déformés dans la sortie de tâche / débogage VS Code
Configurer un environnement de développement Python avec Visual Studio Code
Comment déboguer une bibliothèque Python standard dans Visual Studio
Activer l'environnement virtuel Python de virtualenv pour Visual Studio Code
Créer Python3 pour Windows 10 sur ARM avec Visual Studio 2019 (x86) sur Windows 10 sur ARM
Construction de l'environnement VScode (sur Mac) et affichage des graphiques en Python (@ browser)
Installez numpy dans Visual Studio 2019
Installer pygame sur python3.4 sur Mac
[Python] Insérez ":" dans l'adresse MAC
Manipulation de python sur mac
Mettez à jour le python que vous aviez sur votre Mac à 3.7-> 3.8
Installez pandas 0.14 sur python3.4 [sur Mac]
Remarques sur l'installation de Python sur votre Mac
Messages Twitter dans Python 3 etc.
Bottle Pug dans Visual Studio 2019
Exécutez la commande unix sur python
Générer du code QR en Python
Exécution de commandes externes en Python
Code de caractère appris en Python
Comment copier et coller le contenu de la ligne de commande avec bash sous Linux ou Mac sans souris
Concurrence avec VS Code Créez un environnement Python pour les professionnels sous Windows
Essayez de créer un environnement python avec Visual Studio Code et WSL
Essayer lorsque Visual Studio Code ne peut pas charger un module Python
Modifier les fichiers directement sur Linux avec Remote SSH dans Visual Studio Code
Une note à ceux qui utilisent Python dans Visual Studio (moi)
Les touches fléchées ne fonctionnent pas dans le shell zsh + python sur Mac