Heim > Web-Frontend > View.js > Hauptteil

Unterstützt Eclipse Vue?

青灯夜游
Freigeben: 2023-01-13 00:45:04
Original
5876 Leute haben es durchsucht

Eclipse unterstützt Vue und Sie können Vue entwickeln, indem Sie die CodeMix-Plugin-Installationsmethode installieren: 1. Wählen Sie „Hilfe“ -> „Eclipse MarketPlace“ 2. Geben Sie vue in das Suchfeld ein und suchen Sie das CodeMinx-Plugin und klicken Sie auf „Installieren“, um es zu installieren.

Unterstützt Eclipse Vue?

Die Betriebsumgebung dieses Tutorials: Windows10-System, Eclipse2020&&vue2.9.6-Version, Dell G3-Computer.

Verwandte Empfehlungen: „vue.js Tutorial

Eclipse unterstützt Vue und Sie können Vue entwickeln, indem Sie das CodeMix-Plug-In installieren.

CodeMix ist ein Plug-in für Eclipse, das verschiedene Technologien für VS Code- und Code OSS-Add-on-Erweiterungen freischaltet, verschiedene Sprachen unterstützt und über Ihre Lieblingsfunktionen in Webclipse verfügt (einschließlich Terminal+ und CodeLive mit Live-Vorschau). Darüber hinaus ist CodeMix auch mit Eclipse-basierten IDEs und Tools (wie MyEclipse, Spring Tools Suite und JBoss Tools) kompatibel, sodass Benutzer weiterhin in der gewohnten Umgebung arbeiten können.

Schritte:

1. Installieren Sie node.js und npm

Laden Sie es einfach direkt von der offiziellen Website herunter, wählen Sie die Version aus, die Sie benötigen, und wählen Sie im Allgemeinen die unten stehende für Windows aus.

Klicken Sie darauf Klicken Sie nach dem Herunterladen des Programms auf „Weiter“, um es zu installieren. Unterstützt Eclipse Vue?

Beachten Sie, dass Sie den Installationspfad entsprechend Ihren Anforderungen ändern können. Fahren Sie dann bis zur Installation fort. Installation abgeschlossen Unterstützt Eclipse Vue?

Nachdem die Installation abgeschlossen ist, wird das Verzeichnis angezeigt: Unterstützt Eclipse Vue?

Sie können über die Befehlszeile überprüfen, ob die Installation erfolgreich war: Tastatureingabe [win+R] Eingabe: cmd, drücken Sie die Eingabetaste, geben Sie den Befehl ein: Unterstützt Eclipse Vue?

node -v
 npm -v
Nach dem Login kopieren

Sie können die installierte Versionsnummer anzeigen

Hinweis: Bei der Installation von Node wurde auch npm installiert, und jetzt sind sie alle zusammen. Unterstützt Eclipse Vue?
2. Konfiguration von Umgebungsvariablen: Der Zweck der Konfiguration von Umgebungsvariablen besteht darin, zu verhindern, dass das npm-Paket in Zukunft auf dem Laufwerk C platziert wird und den Speicherplatz des Laufwerks C belegt. Daher geben wir im Allgemeinen den vollständigen Modulpfad und Cache-Pfad ein den NodeJS-Ordner

Erstellen Sie eine neue Datei. Ordner:

node_global Globaler Paket-Download und -Speicherung


node_cache Knoten-Cache


Legen Sie den npm-Pfad fest, öffnen Sie die cmd-Eingabe: Unterstützt Eclipse Vue?

npm config set prefix “D:\soft\nodejs\node_global”
npm config set cache “D:\soft\nodejs\node_cache”
Nach dem Login kopieren

Unterstützt Eclipse Vue? Dann legen Sie die Umgebungsvariable fest:

Ändern Sie den Benutzervariablenpfad zu: D:softnodejsnode_global

Unterstützt Eclipse Vue?

Unterstützt Eclipse Vue?Ändern Sie ihn zu:

Unterstützt Eclipse Vue?Systemvariable klicken Sie auf Neu, NODE_PATH, der Variablenwert ist: D:softnodejsnode_modules

Unterstützt Eclipse Vue?Denken Sie endlich daran um auf OK zu klicken.

Bisher wurde die Knotenumgebung installiert und der NPM-Paketmanager ist ebenfalls verfügbar. Da einige NPM-Ressourcen blockiert sind oder Fremdressourcen sind, kann NPM häufig keine abhängigen Pakete installieren, sodass wir weiterhin NPM-Spiegel benötigen. --cnpm.

Beachten Sie Folgendes: Wenn während des Installationsvorgangs ein Fehler auftritt, können Sie den Befehl noch einige Male ausführen oder das Befehlsfenster schließen und erneut öffnen. Es besteht eine weitere große Gefahr, dass er online nicht funktioniert . Sie müssen auf 4g umsteigen und es erneut versuchen. Dies sind Probleme, die ich persönlich erlebt habe.


Geben Sie npm install -g cnpm --registry=http://registry.npm.taobao.org in die Befehlszeile ein und warten Sie. Wenn kein Fehler gemeldet wird, ist die Installation erfolgreich.

Unterstützt Eclipse Vue?cnpm install - g vue-cli–Installation vue

Unterstützt Eclipse Vue?Anzeigen der Version über vue -V (Großbuchstabe) – ob die Installation erfolgreich ist

Unterstützt Eclipse Vue?cnpm install webpack -g – installiere webpack

Unterstützt Eclipse Vue?

webpack -v – Testen Sie, ob die Installation erfolgreich ist. Geben Sie dann „Ja“ ein – die Ressourcen werden automatisch heruntergeladen.

Unterstützt Eclipse Vue?

Testen Sie ein kleines Projekt:

Erstellen Sie einen neuen Ordner unter dem installierten NodeJS-Ordner: nodeTest

Wechseln Sie das cmd-Fenster zu diesem Ordner und führen Sie den Befehl aus: vue init webpack firstApp – initialisieren Sie ein komplettes Projekt

Enter die Projektinformationen entsprechend den Eingabeaufforderungen. Sie können selbst nach der spezifischen Bedeutung suchen. .

Unterstützt Eclipse Vue?

Erfolgreich erstellt!

Unterstützt Eclipse Vue?

cd firstApp – Geben Sie das Projekt ein

Führen Sie cnpm install aus – installieren Sie Abhängigkeiten

Führen Sie abschließend npm run dev aus, um das Projekt zu starten!

Unterstützt Eclipse Vue?

2. Installieren Sie das Vue-Plug-in

Kompatibel mit Eclipse-Version 2020

Erste Vorbereitung:

Suchen Sie zwei Dateien in Ihrem Arbeitsbereich: .classpath und .project, kopieren Sie sie zuerst in das neu erstellte ProjektApp Weiter,
Unterstützt Eclipse Vue?
Öffnen Sie die .project-Datei und ändern Sie den Namen des Dateiinhalts in den Namen des ersten ProjektsApp

Unterstützt Eclipse Vue?

Öffnen Sie Eclipse, Dateiimport – wählen Sie die untenstehende aus

Unterstützt Eclipse Vue?Klicken Sie auf „Weiter“ und wählen Sie dann zuerst das erstellte Projekt ausApp, öffnen Sie Hook

Unterstützt Eclipse Vue?

Endlich fertig

Der nächste Schritt besteht darin, das Vue-Plug-In in Eclipse zu installieren

Hilfe – Eclipse Marketplace ... Suchen Sie einfach nach Vue und wählen Sie Installation aus (aufgrund von Problemen mit der Netzwerkgeschwindigkeit schlägt die Installation möglicherweise fehl. Probieren Sie mehr)

Unterstützt Eclipse Vue?

Nachdem die Installation abgeschlossen ist, starten Sie neu und alles ist in Ordnung!

Der letzte Schritt besteht darin, es zu testen

Geben Sie im Browser den im Befehlsfenster oben eingegebenen Befehl ein: npm run dev Die nachher zurückgegebene URL: http://localhost:8080

Unterstützt Eclipse Vue?
Unterstützt Eclipse Vue?
Dann kann es losgehen Codierung. . .

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmierunterricht! !

Das obige ist der detaillierte Inhalt vonUnterstützt Eclipse Vue?. 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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!