Bash, Python, Javascript, Codebefehl usw. in Visual Studio Code auf dem Mac
Wenn Sie nur ein Atom? Sublime? -Skript schreiben möchten, schließen Sie Linux einfach an VirtualBox an und installieren Sie Vim. Das ist in Ordnung.
Ich habe bis vor einiger Zeit darüber nachgedacht, aber ich habe meine Meinung geändert, indem ich Visual Studio Code berührt habe, also habe ich mir eine Notiz gemacht.
Es ist erst der erste Tag, seit ich angefangen habe, es zu berühren, daher denke ich, dass es viele Fehler und Ineffizienzen gibt. Wenn Sie etwas bemerken, weisen Sie bitte darauf hin.
Nachtrag 2017/12/04: Am Ende bin ich zu Vim (NeoVim) zurückgekehrt, weil ich viel mit CUI gearbeitet habe.
Einstellungen zum Debuggen von Bash
Installieren Sie eine Erweiterung namens Bash Debug, die von einer Person namens rogalmic erstellt wurde.
Bash Debug: https://marketplace.visualstudio.com/items?itemName=rogalmic.bash-debug
Stellen Sie zunächst sicher, dass Sie über alle Befehle verfügen, die Sie zur Verwendung von Bash Debug benötigen. Wenn Sie es nicht finden können, installieren Sie es als Gebräu.
$ which {cat,mkfifo,rm,pkill,bashdb}
-----
/bin/cat
/usr/bin/mkfifo
/bin/rm
/usr/bin/pkill
/usr/local/bin/bashdb
-----
Erstellen Sie nach der Installation von Bash Debug ein Skript, das mit Bash funktioniert, und öffnen Sie es mit einem Editor. Es sieht folgendermaßen aus.
$ cat vce_hoge/hello.sh
-----
hoge="HELLO"
echo "$hoge"
-----
Wenn Sie F5 drücken, werden Sie gefragt, was wie unten gezeigt zu tun ist. Wählen Sie also Bash Debug.
Dann wurde ich gefragt, wie ich den Pfad des Skripts bestimmen soll, aber ich habe den spezifischen Unterschied nicht untersucht und ich habe keine Ahnung, also habe ich 1.Skriptpfad ausgewählt und so weiter. ..
Dadurch wird eine Konfigurationsdatei mit einem Verzeichnis namens .vscode und einer Ausführungsumgebung namens launch.json erstellt (siehe die Cat-Ergebnisse unten).
$ 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"
}
}
]
}
-----
Kehren Sie nach dem Erstellen der obigen Datei zum Editor zurück und drücken Sie F5, um die Liste der Skripte im aktuellen Ordner in der Dropdown-Liste des Explorers anzuzeigen. Wählen Sie das Skript aus, das Sie ausführen möchten (Debuggen).
Anschließend können Sie wie in der folgenden Abbildung gezeigt debuggen.
Einstellungen zum Debuggen von Javascript
Neben Bash steht Javascript.
Stellen Sie zunächst sicher, dass Node.js installiert ist. Wenn es nicht installiert ist, wird es gebraut (wie oben)
$ which node
-----
/usr/local/bin/node
-----
VSCode wird mit einem integrierten Javascript-Debugger namens Node Debug 2 geliefert. Ich frage mich daher, ob die Erweiterung vorerst installiert werden muss.
Bevor ich verschiedene Einstellungen vorgenommen habe, habe ich zuerst eine Datei namens hello.js erstellt.
Öffnen Sie nach dem Erstellen der Datei die Debug-Konsole und fügen Sie die Konfiguration zum Ausführen von Javascript hinzu.
Wählen Sie "Programm starten".
Die Einstellungen werden zu launch.json hinzugefügt. Ändern Sie daher den Wert von "program" entsprechend, fügen Sie "protocol" hinzu und speichern Sie dann.
Weitere Informationen zum Debugging-Protokoll: https://code.visualstudio.com/docs/editor/node-debugging
Öffnen Sie die Debug-Konsole und wählen Sie die Konfiguration aus, die Sie debuggen möchten.
Drücken Sie nach Auswahl der Konfiguration F5 und Sie können wie unten gezeigt debuggen.
Python
Installieren Sie eine Erweiterung namens Python, die von einer Person namens Don Jayamanne erstellt wurde. https://marketplace.visualstudio.com/items?itemName=donjayamanne.python
Natürlich ist eine Python-Ausführungsumgebung erforderlich, daher wird gebraut (wie oben).
Das Verfahren ist das gleiche wie bei Javascript. Wählen Sie unter Konfiguration hinzufügen die Option "Python" und speichern Sie launch.json.
Sie können debuggen, indem Sie die Debug-Konsole öffnen, Python aus der Konfiguration auswählen und F5 drücken.
Erweiterungen, die nützlich erscheinen
Code Runner Dies ist eine Erweiterung, mit der Sie nur einen bestimmten Teil ausführen können, der durch Ziehen des Quellcodes ausgewählt wurde.
Code Runner: https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner
- Die obige GIF-Animation wird auch hier zitiert.
Über den Codebefehl
Ein bisschen über die VSCode-Befehlszeile - das Espresso3389-Tagebuch
http://espresso3389.hatenablog.com/entry/vscodeac2016-8
Dieser Artikel war sehr hilfreich, um einen Überblick darüber zu erhalten, was Sie mit dem Code-Befehl tun können.
So verwenden Sie den Codebefehl auf einem Mac
Auf einem Mac lautet der Pfad der Ausführungsdatei für den Codebefehl
/Applications/Visual\ Studio\ Code.app/Contents/Resources/app/bin/code
Es scheint in zu sein (wenn es im Anwendungsverzeichnis abgelegt wird). Das Hinzufügen des obigen Verzeichnisses zu meinem PATH funktioniert nicht, daher habe ich einen Alias wie den folgenden in meiner .bashrc registriert.
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.
-----
Natürlich können Sie auch die Diff-Option verwenden.
$ cat hoge.txt
-----
hoge
-----
$ cat hoge2.txt
-----
hoge2
-----
$ code -d hoge.txt hoge2.txt
-----
Siehe Bild unten
-----
Inhalt des Codebefehls
$ 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" "$@"
-----
Irgendwie habe ich das Gefühl, ich kann es erraten, aber ich habe es jetzt nicht gesehen ...
Tastenkürzel
https://code.visualstudio.com/docs/customization/keybindings
Auf einem Mac stehen F11 usw. in Konflikt mit den Standardfunktionen des Betriebssystems, daher ist eine Neuzuordnung möglicherweise besser.