Heim >Web-Frontend >js-Tutorial >Verpackungstool, Paket, Nullkonfiguration, Vue-Entwicklungsgerüst
Dieser Artikel führt Sie hauptsächlich in das relevante Wissen über das neue Paket-Zero-Configuration-Vue-Entwicklungsgerüst ein. Interessierte Freunde sollten einen Blick darauf werfen. packet-vue ist eine VueJS-Schnellentwicklungs-Gerüstlösung, die auf dem Parcel-Paketierungstool basiert. Es wird dringend empfohlen, Knoten 8.0 oder höher zu verwenden.
parcel-vue ist eine VueJS-Schnellentwicklungs-Gerüstlösung, die auf dem Parcel-Paketierungstool basiert. Es wird dringend empfohlen, node8.0 oder höher zu verwenden
Projektadresse: https://github .com/w3c -king/parcel-vue
Projekt initialisieren
$ git clone https://github.com/w3c-king/parcel-vue.git
Installationsabhängigkeiten
$ cd parce-vue $ npm install
Unter diesen ist packet-bundler das Hauptwerkzeug für einzelne Dateien, die auf vue enden. Der Dateityp muss separat verarbeitet werden. Parcel-Plugin-Vue. Dieses Plug-In generiert den entsprechenden Code über Vueify, und Parcel lädt automatisch die Abhängigkeiten, beginnend mit Parcel-Plugin.
Führen Sie die Entwicklungsumgebung aus und öffnen Sie nach erfolgreichem Vorgang den Browser http://localhost:1234, um das Projekt anzuzeigen
$ npm run dev
Paket und kompilieren
$ npm run build
Entwicklung
Verzeichnisstruktur
src ├── router ├── index.js ├── assets ├── logo.png ├── components ├── Hello ├── index.js ├── index.js ├── views ├── HelloWorld ├── images ├── logo.png ├── HelloWorld.vue ├── styles ├── common.css ├── store ├── global ├── global.js ├── index.js ├── index.js ├── app.vue ├── index.js
Führen Sie einfach npm run dev
und npm run build
aus, um zu entwickeln und zu bauen.
Verwandte Empfehlungen:
Grafik- und Textanalyse zur Verwendung von Vue-Cli-Gerüst
So implementieren Sie einen einfachen Knoten .js Scaffolding
Einführung in das Vue-Projektgerüst
Das obige ist der detaillierte Inhalt vonVerpackungstool, Paket, Nullkonfiguration, Vue-Entwicklungsgerüst. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!