Erste Schritte mit Microsoft Visual Studio Code unter Linux

Key Takeaways

• Microsofts Visual Studio Code (VSCODE) ist ein plattformübergreifender Code-Editor, der gut unter Linux, Mac und Windows funktioniert und Funktionen wie intelligenter Code-Abschluss, Linie, interaktives Debugging, Versionsregelung und Unterstützung für Build-Tools wie möglich anbietet Schlucken und Jake.
• Die Anleitung enthält ein Schritt-für-Schritt-Tutorial zum Installieren und Verwenden von VSCODE auf Ubuntu, einschließlich des Erstellens eines Projekts, der Verwendung von IntelliSense für automatische Codeabschlüsse und kontextbezogene Codevorschläge, Debugging und Verwendung von Versionskontrolle mit Git.
• Obwohl VSCODE ab Mai 2015 in der Vorschau steht, wird VSCODE kontinuierlich mit Verbesserungen und neuen Funktionen aktualisiert, die für alle Plattformen gleichzeitig verfügbar sind. Die Schnittstelle ist für die Webentwicklung optimiert, und der Einrichtungsprozess ist zwar leicht involviert, ist jedoch die Mühe für seine optimierte Funktionalität wert.

Microsoft Visual Studio ist eine der leistungsstärksten integrierten Entwicklungsumgebungen mit einem Nachteil: Es ist nur für Windows verfügbar. Um Linux- und Mac-Benutzer für die Visual Studio-Familie von Entwicklungstools zu gewinnen, hat Microsoft kürzlich Visual Studio Code (oder kurz VSCODE) gestartet-ein wirklich plattformübergreifender Code-Editor, der sowohl schnell als auch leicht ist.

vscode funktioniert gleich gut unter Linux, Mac und Windows. Da Microsoft Visual Studio 2013 selbst unter Windows verfügbar ist, wird VSCODE am wahrscheinlichsten mehr Akzeptanz bei Linux- und Mac -Benutzern sehen .

Hier sind einige Funktionen, die VSCODE möglicherweise zu einer überzeugenden Alternative zu Ihrem vorliegenden Code -Editor machen:

• Intelligent Code Completion
• LINTING
• Interaktives Debugging
• Versionskontrolle
• Unterstützung für Build -Tools wie Gulp und Jake.

In den meisten anderen beliebten Code -Editoren sind diese Funktionen erst verfügbar, nachdem Sie die entsprechenden Plugins manuell installiert haben - wenn sie überhaupt verfügbar sind.

In diesem Tutorial werde ich Ihnen zeigen, wie Sie VSCODE auf Ubuntu, einer der beliebtesten Linux -Distributionen, installieren und verwenden.

Hinweis: Wenn Sie ein Windows-Benutzer sind, können Sie dieses Tutorial weiterhin befolgen, indem Sie alle Befehlszeileninstallationen überspringen. Sie müssen stattdessen nur das Windows -Installationsprogramm verwenden, das alles für Sie einstellt.

Voraussetzungen

Um diesem Tutorial zu folgen, benötigen Sie:

• ein 64-Bit-Computer, der Ubuntu 14.04 oder höher
ausführt
• a sudo user

Installation

Erstellen Sie ein Verzeichnis für VSCODE.

mkdir ~/VSCode

Geben Sie dieses Verzeichnis ein und verwenden Sie WGET, um VSCODE herunterzuladen.

cd ~/VSCode
  wget 'http://download.microsoft.com/download/9/5/4/9549F9CC-2663-40D7-8CB6-244D7C4C3CDA/VSCode-linux-x64.zip'

extrahieren Sie das Archiv mit Unzip.

unzip VSCode-linux-x64.zip

Erstellen Sie einen Link zum ausführbaren Code in/usr/local/bin/so, damit er aus jedem Verzeichnis ausgeführt werden kann.

mkdir ~/VSCode

starten Sie VSCODE, indem Sie Code eingeben. Sie sollten jetzt den Begrüßungsbildschirm sehen können:

Erstellen eines Projekts

In der vorliegenden Veröffentlichung von VSCODE gibt es keine Option, um ein neues Projekt zu erstellen. Es kann jedoch vorhandene Verzeichnisse als Projekte behandelt werden. Um dies zu tun, müssen Sie lediglich das Verzeichnis als Befehlszeilenargument zum Code übergeben. Zum Beispiel können Sie das Verzeichnis ~/JustanotherApp als Projekt behandeln.

cd ~/VSCode
  wget 'http://download.microsoft.com/download/9/5/4/9549F9CC-2663-40D7-8CB6-244D7C4C3CDA/VSCode-linux-x64.zip'

Wenn Ihr Projekt noch keine Dateien enthält, werden Sie Folgendes sehen:

Sie können jetzt auf den Namen Ihres Projekts klicken, um Schaltflächen anzuzeigen, mit denen Sie neue Dateien und Ordner erstellen können:

Verwenden von IntelliSense

IntelliSense ist ein Dachbegriff, der von Microsoft verwendet wird, der Funktionen wie automatische Code-Abschluss und kontextbezogene Codevorschläge abdeckt. Diese sind sehr hilfreich, um die Produktivität zu steigern, insbesondere wenn Sie eine neue API oder Bibliothek verwenden. In der vorliegenden Vorschau -Veröffentlichung von VSCODE ist IntelliSense auf allen Plattformen für JavaScript, CSS, HTML und einige andere Sprachen verfügbar. In diesem Tutorial zeige ich Ihnen, wie Sie es in Ihren Node.js -Projekten verwenden.

Um die Vorschläge von IntelliSense zu sehen, müssen Sie lediglich den Kontrollraum drücken. In der Package Ihres Projekts.JSON wird beispielsweise in IntelliSense alle verfügbaren Felder auflisten:

In ähnlicher Weise können Sie die Felder und Methoden in bestimmten gemeinsamen Klassen und Objekten sehen.

Diese Vorschläge sind jedoch für alle Klassen nicht verfügbar. Wenn Sie beispielsweise versuchen, die Felder und Methoden in einer Instanz von Express zu betrachten, finden Sie standardmäßig nichts:

Um dieses Problem zu lösen, benötigen Sie die entsprechenden Definitionen für Typscript -Typ. Um diese Definitionen zu erhalten, können Sie TSD (TypeScript -Definitionsmanager für definitiveded), ein NPM -Modul verwenden.

Wenn Sie es noch nicht haben, installieren Sie es aus dem Terminal mit:

Jetzt können Sie in Ihrem Projektverzeichnis TSD verwenden, um die gewünschten Typdefinitionen zu installieren. Um beispielsweise die Typdefinitionen für das Express -Framework zu installieren, müssen Sie Folgendes eingeben:

unzip VSCode-linux-x64.zip

Erstellt eine Datei namens TSD.D.TS in Ihrem Projekt in einem Verzeichnis namens Typierungen. Verweisen Sie auf diese Datei in VSCODE, indem Sie den folgenden Code zu Ihrer JavaScript -Datei hinzufügen:

sudo ln -s $PWD/Code /usr/local/bin/code

Sie können jetzt den Kontrollraum drücken, um festzustellen, dass Vorschläge für Objekte verfügbar sind, die zum Express -Framework gehören:

cd ~/JustAnotherApp
  code .

Debugging

In den meisten leichten Code-Editoren fehlt die Debugging-Unterstützung entweder oder wird nur mit Hilfe von Plugins unterstützt. VSCODE hingegen verfügt über einen eingebauten interaktiven Debugger, der Ihr Codierungserlebnis erheblich verbessern kann. Wenn Sie zum ersten Mal versuchen, den Debugger in Ihrem Node.js -Projekt zu verwenden, generiert VSCODE eine Datei namens Launt.json, die verschiedene Konfigurationsdetails enthält. Diese Datei erfordert möglicherweise einige Änderungen, je nach Projekt. Die wichtigsten Felder in dieser Konfiguration sind Name und Programm. Standardmäßig hat der Name das Value -Start -App.js und das Programm hat den Wert app.js. Sie müssen diese so ändern, dass sie die Dateien in Ihrem Projekt entsprechen. Wenn der Name der Hauptdatei Ihres Projekts beispielsweise index.js anstelle von app.js ist, sollte Ihr Start.json enthalten:

mkdir ~/VSCode

Obwohl es unter Windows, Ubuntu (und den meisten anderen Linux -Distributionen und Mac OS X) funktioniert, müssen Sie Mono 3.10.0 oder höher installieren, damit der Debugger funktioniert. Ohne ihn wird der Versuch, den Debugger zu starten, scheitern:

Um die neueste Version von Mono zu installieren, müssen Sie Ubuntus Softwarequellen neue PPA hinzufügen. Tun Sie dies, indem Sie ein Terminal öffnen und eingeben:

cd ~/VSCode
  wget 'http://download.microsoft.com/download/9/5/4/9549F9CC-2663-40D7-8CB6-244D7C4C3CDA/VSCode-linux-x64.zip'

Sie können Mono jetzt mit APT-Get installieren.

unzip VSCode-linux-x64.zip

Erstellen Sie schließlich einen Link zur ausführbaren Mono -Datei in /usr /bin:

sudo ln -s $PWD/Code /usr/local/bin/code

kehren Sie zu VSCODE zurück und starten Sie das Debug erneut. Sie sollten sehen, dass es funktioniert:

Verwenden von Versionensteuerung

Auf allen Plattformen unterstützt VSCODE die Versionskontrolle mit Git. Um diese Funktion zu verwenden, müssen Sie Git auf Ihrem Computer installieren lassen. Auf Ubuntu können Sie Git installieren, indem Sie erneut ein Terminal öffnen und Folgendes eingeben:

cd ~/JustAnotherApp
  code .

Gehen Sie zurück zu VSCODE und klicken Sie in der Symbolleiste auf die Git -Schaltfläche. Sie werden aufgefordert, ein neues Repository zu initialisieren:

Nach der Initialisierung zeigt VSCODE alle Dateien an, die festgelegt oder aktualisiert werden müssen. Das Festlegen ist so einfach wie das Eingeben einer Commit -Nachricht und klicken Sie auf das Check -Mark:

Verwenden von Markdown -Vorschau

Auf allen Plattformen unterstützt VSCODE die Markdown -Vorschau und funktioniert ohne zusätzliche Installationen. Wenn Sie eine Markdown -Datei bearbeiten, wird das Drücken der Steuerverschiebung V jederzeit eine Vorschau der Datei angezeigt.

Zum Beispiel, wenn Ihre Markdown -Datei so aussieht:

… Die Vorschau zeigt dies:

Schlussfolgerung

Sie wissen jetzt, wie Sie Visual Studio -Code installieren und ausführen - das erste Entwicklungs -Tool aus der Visual Studio -Familie von Microsoft, das Linux unterstützt - in Ihrem Ubuntu -System. Obwohl der Einrichtungsprozess geringfügig involviert ist, sollten Sie es versuchen, um die für die Webentwicklung optimierte Schnittstelle zu erleben.

.

bis Mai 2015 stand VSCODE noch in der Vorschau, mit Verbesserungen und neuen Funktionen, die in den folgenden Monaten wahrscheinlich erscheinen. Updates sind einfach zu installieren und gleichzeitig für alle Plattformen verfügbar.

Wenn Sie Fragen oder Kommentare zu diesem Leitfaden haben, lassen Sie es mich bitte wissen. Haben Sie VSCODE schon ausprobiert? Wenn ja, was hast du gedacht?

häufig gestellte Fragen (FAQs) zum Visual Studio -Code unter Linux

Ist Visual Studio -Code mit Linux kompatibel? Es ist ein leichter, aber leistungsstarker Quellcode -Editor, der auf Ihrem Desktop ausgeführt wird und für Windows, MacOS und Linux verfügbar ist. Es wird mit integrierter Unterstützung für JavaScript, TypeScript und Node.js geliefert und verfügt Visual Studio -Code unter Linux? Sie können das .DEB -Paket von der offiziellen Visual Studio -Code -Website herunterladen und mit dem Befehl dpkg installieren. Alternativ können Sie es auch über den Snap -Paket -Manager installieren, wenn Ihre Linux -Verteilung es unterstützt. Code für C -Entwicklung unter Linux. Sie müssen die C -Erweiterung für Visual Studio -Code installieren und GCC oder Clang auf Ihrem System installieren lassen. Die C -Erweiterung bietet Funktionen wie IntelliSense, Code -Navigation und Debugging -Unterstützung.

Ist Visual Studio Code Open Source? Es wurde von Microsoft entwickelt und gepflegt, und sein Quellcode ist auf GitHub verfügbar. Dies bedeutet, dass Sie zu seiner Entwicklung beitragen, Fehler melden oder sogar Ihre eigene Gabel der Software erstellen können.

Wie aktualisiere ich Visual Studio -Code unter Linux? Code über den Snap -Paket -Manager wird automatisch aktualisiert, wenn eine neue Version verfügbar ist. Wenn Sie es über das .DEB -Paket installiert haben, müssen Sie das neue Paket manuell herunterladen und installieren. Code ist eine ausgezeichnete Wahl für die Python -Entwicklung unter Linux. Sie müssen die Python -Erweiterung für Visual Studio -Code installieren, die Funktionen wie IntelliSense, Linting, Debugging, Code -Navigation, Codeformatierung, Unterstützung von Jupyter Notebook, Refactoring und mehr.

bietet.

unterstützt Visual Studio Code die Remote -Entwicklung unter Linux? Auf diese Weise können Sie eine Remote-Maschine verwenden, als wäre es Ihre lokale Maschine und öffnen eine ganz neue Anzahl von Möglichkeiten für die Cloud-basierte Entwicklung.

Ja, Visual Studio -Code ist unter Linux sehr anpassbar. Sie können das Thema ändern, das Arbeitsbereich-Layout anpassen und sogar Ihre eigenen benutzerdefinierten Schlüsselbindungen erstellen. für Git unter Linux. Sie können GIT -Operationen direkt vom Editor ausführen, Diffs Ihrer Änderungen, die Bühnen- und Festlegung von Änderungen anzeigen. Sie können Visual Studio -Code auf einem Raspberry Pi ausführen, das Linux ausgeführt wird. Sie müssen die ARM -Version von Visual Studio Code installieren, die auf der offiziellen Website verfügbar ist.

Das obige ist der detaillierte Inhalt vonErste Schritte mit Microsoft Visual Studio Code unter Linux. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!