Outil d'emballage, configuration zéro, échafaudage de développement de vue

Cet article vous présente principalement les connaissances pertinentes du nouvel échafaudage de développement de vue de colis sans configuration d'outil d'emballage. Les amis intéressés devraient y jeter un œil. parcel-vue est une solution d'échafaudage de développement rapide VueJS basée sur l'outil d'empaquetage Parcel. Il est fortement recommandé d'utiliser node8.0 ou supérieur.

parcel-vue est une solution d'échafaudage de développement rapide VueJS basée sur l'outil d'empaquetage Parcel. Il est fortement recommandé d'utiliser node8.0 ou supérieur

Adresse du projet : https://github. .com/w3c -king/parcel-vue

Initialiser le projet

$ git clone https://github.com/w3c-king/parcel-vue.git

Dépendances d'installation

$ cd parce-vue
$ npm install

Parmi elles, Parcel-bundler est l'outil principal pour les fichiers uniques se terminant par vue, le type de fichier doit être traité séparément. parcel-plugin-vue Ce plug-in générera le code correspondant via vueify, et parcel chargera automatiquement les dépendances en commençant par parcel-plugin.

Exécutez l'environnement de développement et ouvrez le navigateur http://localhost:1234 après une opération réussie pour visualiser le projet

$ npm run dev

Package et compiler

$ npm run build

Développement

Structure du répertoire

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

Exécutez simplement npm run dev et npm run build pour développer et construire.

Recommandations associées :

Analyse graphique et textuelle, comment utiliser l'échafaudage vue-cli

Comment implémenter un nœud simple .js Échafaudage

Présentation de l'échafaudage du projet Vue

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!