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

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 ;

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.

Lien https://bootstrap-vue.org/

2, VueX

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

Lien https://vuex.vuejs.org/

3 Vue Devtools

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

Lien https://devtools.vuejs.org/

4, Vue CLI

Un outil standard qui simplifie les développeurs Vuejs.

Lien https://cli.vuejs.org/

5 Vue Router

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

Lien https://router.vuejs.org/

6, bibliothèque open source Vuetifyjs

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

Lien https://vuetifyjs.com/en/

7, Nuxt Js

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

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.

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

9, Vue Apollo

facilite la configuration de GraphQL pour votre projet vuejs.

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.

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)

Lien https://quasar.dev/

12, Language Vue

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

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

13, VuePress

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

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

14, Vuejs Guide

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

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.

Lien https://vue-select.org/

16, Vueuse

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

Lien https://vueuse.org/

17. VeeValidate

Un outil de validation de formulaire dans Vuejs.

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

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

pour l'interface utilisateur mobile.

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

19, le framework Vue Native

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

Lien https://vue-native.io/

20, Vue-meta

Gestionnaire de balises Cmeta pour les projets Vuejs.

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

21, le plugin Vue I18n

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

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

22, Vue chargement infini

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

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.

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.

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.

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

26, Vetur

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

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

27, Exemples Vuejs

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

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

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

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

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

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!