Wie baue ich einen Webserver mit AngularJS? Der detaillierte Prozess zum Erstellen eines Webservers mit AngularJS-js-Tutorial-php.cn

Wie baue ich einen Webserver mit AngularJS? Der detaillierte Prozess zum Erstellen eines Webservers mit AngularJS

寻∝梦

Freigeben： 2018-09-08 16:59:54

Original

2364 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Funktionsweise von angularjs zum Starten des Webservers vorgestellt. Ich hoffe, er kann jetzt mit dem Lesen des Artikels beginnen

Installieren Sie node.js

Download-Link

Offizielle Website-Adresse: https://nodejs.org/en/
Die entpackte Version, die ich heruntergeladen habe, entpacken Sie sie direkt in das gewünschte Verzeichnis zu installieren
In „Arbeitsplatz“ (Rechtsklick) → Eigenschaften → Erweiterte Systemvariablen → Umgebungsvariablen

NODE_PATH schreiben

Wie baue ich einen Webserver mit AngularJS? Der detaillierte Prozess zum Erstellen eines Webservers mit AngularJS

Hinzufügen zu

Wie baue ich einen Webserver mit AngularJS? Der detaillierte Prozess zum Erstellen eines Webservers mit AngularJS node -v
Die Knotenversion kann in der Konsole angezeigt werden

 v6.11.4

Nach dem Login kopieren

Installieren Sie den Webserver

npm install connect
npm install serve-static

Nach dem Login kopieren

Schreiben Sie die Datei server.js , wie im Buch gezeigt Die Version ist Version 2.x, jetzt ist es Version 3.x Der Code im Buch ist ungültig. Platzieren Sie die Datei im NodeJS-Installationsverzeichnis

var connect = require(&#39;connect&#39;);
    serveStatic = require(&#39;serve-static&#39;);
var app = connect();
app.use(serveStatic("../angularjs"));
app.listen(5000);

Nach dem Login kopieren

AngularJS-Einstellungen

Erstellen Sie einen neuen AngularJS-Ordner und die NodeJS-Installationsverzeichnisebene
Wie baue ich einen Webserver mit AngularJS? Der detaillierte Prozess zum Erstellen eines Webservers mit AngularJS

Im Ordner müssen Sie die Bootstrap-CSS-Datei und die Download-Adresse des AngularJS-Ordners vorbereiten : Klicken Sie zum Herunterladen
Erstellen Sie eine neue FirstTest.html im AngularJS-Ordner

<!DOCTYPE html><html ng-app><head>
    <title> First Test</title>
    <script src="angular.js"></script>
    <link href="bootstrap.css" rel="stylesheet" />
    <link href="bootstrap-grid.css" rel="stylesheet" /></head><body>
    <p class="btn btn-dark">{{ "AngularJS" }}</p>
    <p class="btn btn-success">Bootsstrap</p></body></html>

Nach dem Login kopieren

Starten Sie den Webserver

Springen Sie zum NodeJS-Installationsverzeichnis

node server.js

Nach dem Login kopieren

Zeigen Sie den Browser an http://localhost:5000/FirstTest .html

Der Effekt ist wie folgt:

Wie baue ich einen Webserver mit AngularJS? Der detaillierte Prozess zum Erstellen eines Webservers mit AngularJS

Dieser Artikel endet hier (wenn Sie mehr sehen möchten, Gehen Sie zur Spalte „PHP Chinesisch-Website
AngularJS-Benutzerhandbuch “). Wenn Sie Fragen haben, können Sie unten eine Nachricht hinterlassen.

Das obige ist der detaillierte Inhalt vonWie baue ich einen Webserver mit AngularJS? Der detaillierte Prozess zum Erstellen eines Webservers mit AngularJS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!