Maison  >  Article  >  interface Web  >  Quels outils sont utilisés pour le développement de vue ?

Quels outils sont utilisés pour le développement de vue ?

青灯夜游
青灯夜游original
2022-12-23 14:25:4811384parcourir

Les outils de développement de Vue incluent : 1. BootstrapVue, qui est une bibliothèque open source utilisée pour créer l'interface Bootstrap pour Vue ; 2. VueX, qui est une bibliothèque de gestion d'état pour les applications Vue ; . Vue Router ; 6. Vuetifyjs ; 7. Nuxt Js ; 8. Vue Element Admin ; 10. Element UI ;

Quels outils sont utilisés pour le développement de vue ?

L'environnement d'exploitation de ce tutoriel : système windows7, version vue3, ordinateur DELL G3.

outils de développement vue

1. BootstrapVue

Une bibliothèque open source utilisée pour créer des interfaces Bootstrap pour Vuejs.

Quels outils sont utilisés pour le développement de vue ?

Lien https://bootstrap-vue.org/

2, VueX

Bibliothèque de gestion d'état pour les applications Vue.js.

Quels outils sont utilisés pour le développement de vue ?

Lien https://vuex.vuejs.org/

3 Vue Devtools

Cette extension rend le débogage des projets vuejs rapide et facile.

Quels outils sont utilisés pour le développement de vue ?

Lien https://devtools.vuejs.org/

4, Vue CLI

Un outil standard qui simplifie les développeurs Vuejs.

Quels outils sont utilisés pour le développement de vue ?

Lien https://cli.vuejs.org/

5 Vue Router

Utilisez une syntaxe intuitive et puissante pour définir des itinéraires statiques et dynamiques.

Quels outils sont utilisés pour le développement de vue ?

Lien https://router.vuejs.org/

6, bibliothèque open source Vuetifyjs

pour aider à créer des interfaces de conception matérielle pour Vuejs.

Quels outils sont utilisés pour le développement de vue ?

Lien https://vuetifyjs.com/en/

7, Nuxt Js

Un framework open source qui rend le développement Web simple et puissant.

Quels outils sont utilisés pour le développement de vue ?

Lien https://nuxtjs.org/

8. Vue Element Admin

aide à créer une interface d'administration simple qui contient de nombreuses fonctionnalités nécessaires pour gérer un site Web.

Quels outils sont utilisés pour le développement de vue ?

Lien https://github.com/PanJiaChen/vue-element-admin

9, Vue Apollo

facilite la configuration de GraphQL pour votre projet vuejs.

Quels outils sont utilisés pour le développement de vue ?

Lien https://vue-apollo.netlify.app/

10 Element UI

Une bibliothèque d'interface utilisateur utilisée pour le développement de l'interface du projet Vue.

Quels outils sont utilisés pour le développement de vue ?

Lien https://element.eleme.io/#/en-US

11, Quasar

Quasar est un framework vuejs open source qui peut aider à créer SPA (Single Page Application), SSR (Serveur -side Rendering Application), PWA (Progressive Web Application)

1Quels outils sont utilisés pour le développement de vue ?

Lien https://quasar.dev/

12, Language Vue

prend en charge l'utilitaire Vuejs pour développer Atom.

1Quels outils sont utilisés pour le développement de vue ?

Lien https://atom.io/packages/langue-vue

13, VuePress

VuePress est un générateur de sites Web statiques piloté par Vue

1Quels outils sont utilisés pour le développement de vue ?

Lien https://v2.vuepress. .org/

14, Vuejs Guide

Le guide le plus complet et le plus détaillé pour les développeurs Vuejs.

1Quels outils sont utilisés pour le développement de vue ?

Lien https://vuejs.org/guide/introduction.html

15, Vue Select

vous aide à créer la sélection de composants et fournit des fonctionnalités utiles aux développeurs vuejs.

1Quels outils sont utilisés pour le développement de vue ?

Lien https://vue-select.org/

16, Vueuse

rassemble les utilitaires nécessaires aux composants Vue 2 et Vue 3.

1Quels outils sont utilisés pour le développement de vue ?

Lien https://vueuse.org/

17. VeeValidate

Un outil de validation de formulaire dans Vuejs.

1Quels outils sont utilisés pour le développement de vue ?

Lien https://vee-validate.logaretm.com/v4/

18, bibliothèque de création d'interface Vant

pour l'interface utilisateur mobile.

1Quels outils sont utilisés pour le développement de vue ?

Lien https://vant-contrib.gitee.io/vant/#/en-US

19, le framework Vue Native

Javascript aide à créer des applications mobiles natives multiplateformes.

1Quels outils sont utilisés pour le développement de vue ?

Lien https://vue-native.io/

20, Vue-meta

Gestionnaire de balises Cmeta pour les projets Vuejs.

Quels outils sont utilisés pour le développement de vue ?

Lien https://vue-meta.nuxtjs.org/

21, le plugin Vue I18n

permet d'ajouter des fonctionnalités internationales au projet.

2Quels outils sont utilisés pour le développement de vue ?

Lien https://kazupon.github.io/vue-i18n/

22, Vue chargement infini

Créez une fonctionnalité de défilement infini pour votre site Web.

2Quels outils sont utilisés pour le développement de vue ?

Lien https://peachscript.github.io/vue-infinite-loading/

23, Gridsome

Cet outil permet de créer des sites Web et des applications statiques rapidement et facilement.

2Quels outils sont utilisés pour le développement de vue ?

Lien https://gridsome.org/

24, Vite

Vite est un outil de construction conçu pour fournir une expérience de développement plus rapide et plus rationalisée pour les projets Web modernes.

2Quels outils sont utilisés pour le développement de vue ?

Lien https://vitejs.dev/

25, bibliothèque open source Vue-multiselect

pour aider à créer des fonctions de sélection multiple pour les sites Web.

2Quels outils sont utilisés pour le développement de vue ?

Lien https://vue-multiselect.js.org/

26, Vetur

Une extension pour un meilleur développement et débogage de vuejs dans VS Code.

2Quels outils sont utilisés pour le développement de vue ?

Lien https://marketplace.visualstudio.com/items?itemName=octref.vetur

27, Exemples Vuejs

Une collection d'exemples de développement d'interface Vuejs.

2Quels outils sont utilisés pour le développement de vue ?

Lien https://vuejsexamples.com/

28, éditeur Visual Studio Code

Visual Studio Code (VS Code) est un éditeur open source gratuit lancé par Microsoft, lancé Il est rapidement devenu populaire et a été favorisé par les développeurs. En tant que développeur front-end, un éditeur puissant peut rendre le développement simple, pratique et efficace. Ce livre choisit d'expliquer en s'appuyant sur l'éditeur VS Code.

L'éditeur de code VS présente les fonctionnalités suivantes :

(1) Il est léger et rapide et consomme moins de ressources système.

(2) Il possède des fonctions telles que la coloration syntaxique, la complétion intelligente du code, les touches de raccourci personnalisées et la correspondance de code.

(3) Multiplateforme. Différents développeurs choisiront différentes plates-formes pour effectuer le travail de développement de projets en fonction de leurs besoins professionnels, ce qui limite dans une certaine mesure le champ d'utilisation de l'éditeur. L'éditeur VSCode est non seulement multiplateforme (prend en charge Mac, Windows et Linux), mais il est également très simple à utiliser.

(4) La conception de l'interface du thème est plus conviviale. Par exemple, vous pouvez trouver rapidement des fichiers à développer directement, vous pouvez afficher le code via un écran partagé, la couleur du thème peut être personnalisée (la valeur par défaut est le noir), vous pouvez également afficher rapidement les fichiers de projet récemment ouverts et afficher la structure des fichiers de projet.

(5) fournit une multitude de plug-ins. VSCode fournit des fonctions d'extension de plug-in. Les utilisateurs peuvent les télécharger et les installer en fonction de leurs besoins. Il leur suffit de redémarrer l'éditeur une fois l'installation et la configuration réussies pour utiliser les fonctions fournies par ce plug-in.

29, outil de ligne de commande git-bash

Lors du développement de Vue, nous utilisons souvent certaines commandes, telles que npm (gestionnaire de paquets), vue-cli (échafaudage), ces commandes doivent être utilisées sous la ligne de commande . git-bash est un outil de ligne de commande fourni dans git (gestionnaire de versions). Son apparence est similaire à l'outil de ligne de commande cmd intégré au système Windows, mais l'expérience utilisateur est plus conviviale. Dans le développement réel, l'outil git-bash est souvent utilisé à la place de cmd. Nous expliquerons ensuite les étapes d'installation de git-bash.

(1) Ouvrez le site officiel de git pour Windows et téléchargez le package d'installation de git, comme indiqué ci-dessous

Quels outils sont utilisés pour le développement de vue ?

(2) Double-cliquez sur le programme d'installation téléchargé pour l'installer, comme indiqué ci-dessous

Quels outils sont utilisés pour le développement de vue ?

(3) Cliquez sur le bouton "Suivant" et installez selon les invites.

(4) Après une installation réussie, démarrez git-bash.

Quels outils sont utilisés pour le développement de vue ?

30, WebStorm

WebStorm est un outil de développement JavaScript appartenant à JetBrains. Il a été salué par la majorité des développeurs JS chinois comme « artefact de développement frontal Web », « l'éditeur HTML5 le plus puissant », « l'IDE JavaScript le plus intelligent », etc. Il a la même origine qu'IntelliJ IDEA et hérite des fonctions de la puissante partie JS d'IntelliJ IDEA.

31, Node.js

Node.js est un environnement d'exécution JavaScript basé sur le moteur Chrome V8, qui permet à JavaScript de s'exécuter côté serveur.

【Recommandations associées : tutoriel vidéo vuejs, développement web front-end

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn