So starten Sie ein Projekt in der VueJS-Entwicklung

So starten Sie ein Projekt mit vuejs: 1. Installieren Sie node.js; 2. Installieren Sie „@vue/cli“; 3. Verwenden Sie den Befehl „vue create project name“, um ein Projekt zu erstellen Geben Sie das Vue-Projektverzeichnis ein. 5. Führen Sie den Befehl „npm run servo“ aus, um das Projekt zu starten.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue-Version 2.9.6, DELL G3-Computer.

Voraussetzung: Node.js installieren

Starten Sie das Vue-Projekt

• Wenn Sie das Vue-Projekt starten möchten, gibt es zwei Möglichkeiten: Die erste ist die Verwendung von @vue/cli und die zweite die Verwendung Webpack, um ein Vue-Projekt von Grund auf zu erstellen. Wenn Sie ein Anfänger sind, wird empfohlen, das @vue/cli-Tool zu verwenden, das den Loader und das Plugin von webnpack kapselt, sodass Sie das Vue-Projekt schnell starten können Verwenden Sie unten @vue/cli.
• Betreten Sie die offizielle Website https://cli.vuejs.org/zh/
• Installieren Sie @vue/cli npm install -g @vue/clinpm install -g @vue/cli
• 查看@vue/cli版本号vue --version
• vue create hello-world创建一个项目

选择手工选择

选择babel,css pre-processors,linter,unit testing,选择后按回车

安装成功后

• cd hello-world $ npm run serve
Ansicht die @vue/cli-Versionsnummer vue --version

vue create hello-worldEin Projekt erstellen

• Manuelle Auswahl wählen
  

Wählen Sie Babel, CSS-Präprozessoren, Linter , Unit-Test, wählen Sie aus und drücken Sie die Eingabetaste. alt="So starten Sie ein Projekt in der VueJS-Entwicklung"/>

🎜🎜 🎜🎜🎜🎜🎜🎜Nach erfolgreicher Installation🎜 🎜🎜🎜🎜cd hello-world $ npm run servo Geben Sie diesen Befehl ein 🎜🎜🎜🎜🎜🎜🎜, um http://localhost:8080/ zu öffnen. Die folgende Seite wird angezeigt und zeigt an, dass das Projekt erfolgreich erstellt und gestartet wurde🎜 🎜🎜🎜🎜🎜Verwandte Empfehlungen: „🎜vue.js Tutorial🎜“ 🎜

Das obige ist der detaillierte Inhalt vonSo starten Sie ein Projekt in der VueJS-Entwicklung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!