vue boilerplate typescript

Vue.js Boilerplate, Typescript, Vuex, Vue-Router, Element-UI, i18n, axios, Font Awesome

Un passe-partout dactylographié pour Vue.js avec Vue CLI 3.x qui utilise :

• vuex
• vue-routeur
• Élément-UI
• i18n
• axios
• Police géniale
• ...

Exigences

• Node.js (npm)

Installation

1. Installer Vue CLI 3.x

    npm install -g @vue/cli
   # OR
   yarn global add @vue/cli
   

2. Installer les dépendances

    npm install
   # OR
   yarn install
   

Architecture

C'est ainsi que je structure personnellement les projets Vue.js. N'hésitez pas à le modifier pour l'adapter à vos besoins.

• ? assets : contient tous les actifs tels que des images ou des fichiers son.
• ? components : contient tous les composants Vue .
• ? layouts : Contient tous Vue -Layouts qui peuvent être définis dans vue-router .
• ? models : Contient tous les modèles nécessaires à la logique métier.
• ? requests : Contient toutes les requêtes nécessaires à la communication avec l'API.
• ? rules : Contient toutes les règles de validation réutilisables.
• ? services : contient tous les services qui répondent aux requêtes Web.
• ? store : Contient tous les modules utilisés par vuex -store.
• ? style : Contient toutes les feuilles de style.
• ? translations : contient toutes les traductions sous forme de fichiers .ts .
• ? views : contient toutes les vues utilisées dans vue-router .

Commandes

Compile et recharge à chaud pour le développement

 npm run serve
# OR
yarn run serve

Compile et minimise pour la production

 npm run build
# OR
yarn run build

Charpie et corrige les fichiers

 npm run lint
# OR
yarn run lint

Personnaliser la configuration

Voir Référence de configuration.