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!