Maison >interface Web >js tutoriel >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!