Heim > Web-Frontend > js-Tutorial > Hauptteil

Tutorial zur Installation und Verwendung von CLI in Angular4

亚连
Freigeben: 2018-06-13 16:37:42
Original
1786 Leute haben es durchsucht

Viele Tutorials im Internet sind veraltet, Befehle sind in Angular4 nicht anwendbar usw. Daher stellt Ihnen der folgende Artikel hauptsächlich die relevanten Informationen zum Installations- und Verwendungs-Tutorial von Angular CLI für Angular4-Lernende vor kann darauf verweisen

Einführung

In Bezug auf die „Angular“-Version wurde „Angular“ offiziell als Angular 1.x als Angular JS bezeichnet , Angular 2.x und die oben genannten werden zusammen als „Angular“ bezeichnet.

„CLI“ ist die Abkürzung für „Command Line Interface“, eine Befehlszeilenschnittstelle, die automatisierte Entwicklungsprozesse realisiert.

Zum Beispiel: ionic-cli, vue-cli usw.; es kann Projekte erstellen, Dateien (Komponenten, Dienste usw.) hinzufügen und viele Entwicklungsaufgaben wie Testen, Packen und Veröffentlichen ausführen

Lassen Sie mich Ihnen eine detaillierte Einführung in das Installations- und Verwendungs-Tutorial von Angular4 geben. Freunde in Not können weiter unten darauf verweisen, werfen wir einen Blick auf die detaillierte Einführung.

Angular CLI installieren

1 Sie müssen nodejs und npm installieren

Offizielle Node-Website-Adresse: https:/ /nodejs.org/en (Detaillierte Installationsmethoden finden Sie in diesem Artikel: //www.jb51.net/article/90518.htm)

2. Angular empfiehlt die globale Verwendung von Typescript schreiben (.ts-Dokument).

Offizielle Website-Adresse von Typescript: http://www.typescriptlang.org/index.html

Verwenden Sie den Befehl: npm install -g typescript

3. Installieren Sie angle-cli

Offizielle Website-Adresse von Angular-cli: https://cli.angular.io/

Verwenden Sie den Befehl: npm install -g @angular/cli

Bild

Hinweis: Weil es noch etwas früh ist, Angular-Cli zu installieren, aber es macht nichts, wenn es nicht meine Version ist, wenn Sie es installieren.

Neues Angular-Projekt

Verwenden Sie den Befehl neu

// ngStudy 是工程名称可以随意修改的
ng new ngStudy
Nach dem Login kopieren

Projektsymbol

Hinweis: Sie müssen lange warten, da hierfür das Herunterladen von node_modules erforderlich ist, das mehr als 140 MB groß ist

Generierte Projektstruktur:

Führen Sie das Angular-Projekt aus

Verwenden Sie den Befehl „serve“

//需要进入工程的目录中
ng serve
Nach dem Login kopieren

Ausführen das Symbol

Schnittstellenzugriff

Am Ende schreiben

1. Da viele abhängige Pakete aus dem Ausland stammen, können Sie sie möglicherweise nicht herunterladen

1.1 Sie können versuchen, das npm-Image zu ändern und es in Taobaos

1.2 Über den „Blue Light“-Agenten herunterladen

2. Informationen zur Verzeichnisstruktur des Projekts finden Sie in den Anweisungen auf der offiziellen chinesischen Website: https://angular.cn/ Anleitung/Schnellstart

3. Die Befehlszeilen-Nutzungsadresse: https://github.com/angular/angular-cli/wiki Fügen Sie Bilder häufig verwendeter Befehle ein, die vom offiziellen

4. Stellen Sie die Methode zum Aktualisieren der Angular-Cli-Version vor

Sie können

direkt verwenden, um

npm install -g @angular/cli

zu aktualisieren Das Obige habe ich für alle zusammengestellt und hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

VUE persönliche Zusammenfassung (aufgetretene Probleme)

Rekursive und nicht rekursive Durchquerung von JavaScript

So verwenden Sie die Upload-Komponente von element-ui in Vue

So implementieren Sie den Aufruf zwischen Methoden in Vue

Wie vux die Pull-up-Refresh-Funktion implementiert

Das obige ist der detaillierte Inhalt vonTutorial zur Installation und Verwendung von CLI in Angular4. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage