Extrem verwirrt, wie man Babel ES6 installiert

Question

Ich weiß, dass dies der falsche Platz ist, um diese Frage zu stellen, aber ich habe versucht, so schwer zu versuchen, babel zu installieren. Ich verstehe einfach nicht, wie das funktioniert.

Ich habe versucht, dies auszuführen: npm install --save-dev babel-cli, aber es versteht diesen Befehl nicht. Ich habe nicht einmal einen Installateur oder irgendetwas. Ich dachte, vielleicht gibt es eine EXE oder etwas, aber ich lag falsch. Ich ging auf die Plugins-Seite und das gleiche.

Kann mir bitte jemand sagen, wie die Installation funktioniert? ... das ist in kleinen Schritten.

Answer 1

Sie müssen zuerst npm installieren, aber wahrscheinlich möchten Sie stattdessen Node.js installieren, da npm mit Node.js geliefert wird. Sobald Sie Node.js installiert haben, können Sie npm von der Befehlszeile verwenden, die Terminal (Mac/Linux) oder Eingabeaufforderung (Windows) ist.

Sobald Sie das getan haben, gehen Sie mit der Befehlszeile zu dem Ordner/Verzeichnis, in dem Sie Babel verwenden möchten. (Ich nehme an, Sie wissen, wie Sie die Befehlszeile verwenden. Wenn nicht, müssen Sie das lernen zuerst.) Dann führen Sie npm init und füllen Sie die Felder mit sinnvollen Informationen (oder lassen Sie sie leer).

Dann wäre eine Beispielinstallation von babel npm install --save-dev babel-cli babel-preset-es2015. Dies installiert Babel und das Zeug, um ES6-Code zu transformieren. Sie können Babel dann verwenden, indem Sie babel foo.js --out-file bar.js --presets es2015 ausführen. Dadurch wird ES6-Code in der Datei foo.js in ES5-Code in bar.js kompiliert. (ES2015 ist ein anderer Name für ES6). Weitere Informationen zur Verwendung der Babel CLI (Befehlszeilenschnittstelle) finden Sie unter docs.