Verwenden von Vue3 (Teil 1) Erstellen eines Vue CLI-Projekts

1. Offizielle Dokumentation

Vue3 Dokumentation – vuejs
https://www.vue3js.cn/docs/zh/

Vue-Kernfunktion: Datenbindung

Vue CLI Dokumentation
https://cli.vuejs.org/zh/guide/

Vue CLI = Vue.js + eine Reihe von Komponenten

2. Erstellen Sie ein Vue CLI-Projekt

1. Vue CLI installieren

Taobao-Spiegel

SQL:

npm get registry – Zeigt die aktuelle Spiegel-URL an. npm config set registry http://registry.npm.taobao.org – Verwendet die Spiegel-URL von Taobao.

Installieren Sie Vue CLI

CSS:

npm install -g @vue/[email protected]

2. Erstellen Sie eine Webanwendung

SQL:

vue erstellen web

3. Starten Sie die Webanwendung

Kostenloser Start über die Befehlszeile. Ziehen Sie nach rechts und doppelklicken Sie

3. Erläuterung der Vue CLI-Projektstruktur

index.html , main.ts , app.vue
Referenzmethode für zwei statische Ressourcendateien: public und assets

• public beteiligt sich nicht an Verpackung
• assets werden verpackt
  

index.html führt externe statische Dateien mit <%= BASE_URL %> ein.
Die .gitignore Datei in der Unterdatei wird wirksam und die darin konfigurierten Dateiregeln beziehen sich auf den Speicherort der aktuellen gitingore Datei.
README.md ist nur im Stammverzeichnis gültig
package.json ist ähnlich wie pom.xml
eslintrc.js ist ein zweischneidiges Schwert
Vue CLI muss kompiliert werden, bevor es veröffentlicht werden kann

Dies ist das Ende dieses Artikels über die Verwendung von Vue3 zum Erstellen eines Vue CLI-Projekts. Weitere relevante Inhalte zu Vue3 zum Erstellen eines Vue CLI-Projekts finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!