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!