Heim  >  Artikel  >  Web-Frontend  >  Was erfahren Sie über die Entwicklungsumgebung nodejs?

Was erfahren Sie über die Entwicklungsumgebung nodejs?

PHPz
PHPzOriginal
2023-04-18 09:06:39570Durchsuche

Studiennotizen zur Node.js-Entwicklungsumgebung: Von der Installation bis zur Entwicklungspraxis

Node.js ist eine JavaScript-Laufzeitumgebung, die auf der Chrome V8-Engine basiert. Sie können sie zum einfachen Entwickeln und Ausführen von Code verwenden JavaScript-Anwendungen. Einschließlich serverseitiger Webanwendungen. Bevor Sie mit der Node.js-Entwicklung beginnen, müssen Sie zunächst die Entwicklungsumgebung vorbereiten. In diesem Artikel stellen wir die Vorbereitung einer Node.js-Entwicklungsumgebung vor und stellen einige grundlegende Entwicklungspraktiken vor.

  1. Node.js installieren

Um Node.js zu entwickeln, müssen Sie zunächst Node.js installieren. Sie können die neueste Version von Node.js von der offiziellen Website von Node.js herunterladen und installieren. Während der Installation können Sie Standardeinstellungen auswählen.

  1. IDE installieren

Die Auswahl einer geeigneten IDE kann die Entwicklungseffizienz erheblich verbessern. Zu den häufig verwendeten IDEs gehören: Visual Studio Code, WebStorm, Sublime Text usw. Sie können nach Ihren eigenen Vorlieben und Bedürfnissen wählen. In diesem Artikel wählen wir Visual Studio Code (im Folgenden als VS Code bezeichnet) als Entwicklungstool.

  1. Erstellen Sie ein Node.js-Projekt

Öffnen Sie einen leeren Ordner in VS Code über [Terminal] in der Menüleiste – [Neues Terminal] Öffnen Sie das Terminal. Geben Sie im Terminal den folgenden Befehl ein, um ein einfaches Node.js-Projekt zu erstellen:

mkdir my-node-project
cd my-node-project
npm init

Nach der Ausführung dieses Befehls erscheinen einige Eingabeaufforderungen und Sie können die entsprechenden Fragen beantworten, um eine package.json-Datei zu erstellen. Diese Datei enthält grundlegende Informationen zum Projekt, z. B. Name, Version und Abhängigkeiten. Das Abhängigkeitsfeld wird verwendet, um die Abhängigkeiten des Projekts zu beschreiben. Node.js verwendet dieses Feld, um die erforderlichen Module automatisch herunterzuladen und zu installieren.

  1. Module installieren

Sie können den Befehl npm verwenden, um Module zu installieren. Geben Sie im Terminal das Stammverzeichnis des Projekts ein und führen Sie den folgenden Befehl aus, um das Express-Modul zu installieren:

npm install express
  1. Express-Anwendung erstellen

Mit einem gründlichen Verständnis der Node.js-Entwicklungspraktiken können wir eine einfache Express-Anwendung erstellen. Geben Sie im Terminal von VS Code den folgenden Befehl ein, um eine app.js-Datei zu erstellen:

touch app.js

Geben Sie den folgenden Code in app.js ein:

// 引入 express 并创建一个 express 对象
const express = require('express')
const app = express()

// 定义路由
app.get('/', (req, res) => {
  res.send('Hello World!')
})

// 监听端口
app.listen(3000, () => {
  console.log('应用程序已启动,访问 http://localhost:3000')
})

Der Code wird erklärt wie folgt: #🎜 🎜#

    Zeile 1: Verwenden Sie require, um das Express-Modul einzuführen, und initialisieren Sie es, um ein Express-Objekt zu erstellen.
  • Zeilen 4 – 6: Definieren Sie eine Route, die eine „Hello World!“-Zeichenfolge zurückgibt, wenn der Benutzer auf den Stammpfad zugreift.
  • Zeile 9: Verwenden Sie die listen()-Methode des Express-Objekts, um Port 3000 abzuhören. Wenn der Benutzer auf diesen Port zugreift, wird die definierte Route ausgeführt.
    Führen Sie die Anwendung aus.
Es gibt zwei Möglichkeiten, die Anwendung auszuführen: Eine besteht darin, das Programm durch Eingabe des Befehls zu starten Linie durch das Terminal, Die andere besteht darin, die Debugging-Funktion in VS Code zu verwenden. Das Folgende ist die spezifische Implementierung der beiden Methoden.

Methode 1: Geben Sie den Befehl über das Terminal ein.

Führen Sie im Terminal von VS Code den folgenden Befehl aus:

node app.js
Öffnen Sie dann den Browser und besuchen Sie http://localhost:3000, Sie können die Antwort „Hello World!“ sehen.

Methode 2: Verwenden Sie die Debugging-Funktion in VS Code

Klicken Sie im linken Bereich von VS Code auf das Debug-Symbol, um den Debugging-Bereich zu öffnen. Klicken Sie dann auf [Konfiguration hinzufügen] und wählen Sie Node.js aus. VS Code erstellt einen .vscode-Ordner im Projektstammverzeichnis und erstellt darin eine launch.json-Datei. Ändern Sie in der Datei launch.json die Konfigurationselemente wie folgt:

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Node: Launch Program",
      "program": "${workspaceFolder}/app.js",
      "restart": true,
      "protocol": "inspector"
    }
  ]
}
Der Code wird wie folgt erklärt:

    Zeile 5: Geben Sie die Programmeintragsdatei an als app.js.
  • Zeile 6: Automatisch neu starten, wenn das Programm startet.
  • Zeile 7: Gibt an, dass das Inspektorprotokoll zum Debuggen des Programms in VS-Code verwendet werden soll.
Klicken Sie dann im Debugging-Bereich auf die Schaltfläche [Ausführen], um das Debuggen zu starten, besuchen Sie http://localhost:3000 und Sie können die Antwortergebnisse im Debugging-Bereich von VS sehen Code.

    Zusammenfassung
In diesem Artikel wird erläutert, wie eine Node.js-Entwicklungsumgebung vorbereitet wird, und es werden einige grundlegende Entwicklungspraktiken vorgestellt. Zu den wichtigsten Schritten gehören:

    Node.js installieren
  • IDE installieren
  • Node.js-Projekt erstellen
  • #🎜 🎜#Modul installieren
  • Express-Anwendung erstellen
  • Anwendung ausführen
  • Abschließend hoffe ich, dass dieser Artikel den Lesern schnell helfen kann Begonnen mit der Node.js-Entwicklungsumgebung.

Das obige ist der detaillierte Inhalt vonWas erfahren Sie über die Entwicklungsumgebung nodejs?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn