vue开发使用什么工具-百家乐凯发k8

vue开发工具

1、bootstrapvue

用于为 vuejs 构建 bootstrap 接口的开源库。

链接https://bootstrap-vue.org/

vue.js应用程序的状态管理库。

链接 https://vuex.vuejs.org/

该扩展使调试vuejs项目变得快速而简单。

链接https://devtools.vuejs.org/

使 vuejs 开发人员更简单的标准工具。

链接 https://cli.vuejs.org/

使用直观而强大的语法定义静态和动态路由。

链接 https://router.vuejs.org/

开源库，帮助为 vuejs 构建材质设计接口。

链接 https://vuetifyjs.com/en/

一个开源框架，使web开发变得简单而强大。

链接 https://nuxtjs.org/

帮助构建一个简单的管理界面，其中包含管理网站所需的许多功能。

链接https://github.com/panjiachen/vue-element-*****

使为您的 vuejs 项目设置 graphql 变得容易。

链接https://vue-apollo.netlify.app/

用于 vue 项目界面开发的 ui 库。

链接 https://element.eleme.io/#/en-us

quasar是一个开源的vuejs框架，可以帮助构建spa（单页应用程序），ssr（服务器端渲染应用程序），pwa（渐进式web应用程序）

链接 https://quasar.dev/

支持 vuejs 开发 atom 的实用程序。

链接https://atom.io/packages/language-vue

vuepress 是一个vue 驱动的静态网站生成器

链接https://v2.vuepress.vuejs.org/

vuejs开发人员最完整，最详细的指南。

链接https://vuejs.org/guide/introduction.html

帮助您构建组件选择，并为vuejs开发人员提供有用的功能。

链接 https://vue-select.org/

收集 vue 2 和 vue 3 组件的必要实用程序。

链接 https://vueuse.org/

用于在 vuejs 中进行表单验证的工具。

链接https://vee-validate.logaretm.com/v4/

移动 ui 的界面生成器库。

链接https://vant-contrib.gitee.io/vant/#/en-us

javascript 框架有助于构建跨平台的原生移动应用程序。

链接 https://vue-native.io/

vuejs项目的cmeta标签管理器。

链接https://vue-meta.nuxtjs.org/

插件有助于向项目添加国际功能。

链接https://kazupon.github.io/vue-i18n/

为网站创建无限的滚动功能。

链接https://peachscript.github.io/vue-infinite-loading/

该工具使构建静态网站和应用程序变得快速而简单。

链接 https://gridsome.org/

vite 是一个构建工具，旨在为现代 web 项目提供更快、更精简的开发体验。

链接 https://vitejs.dev/

开源库，帮助为网站构建多选功能。

链接https://vue-multiselect.js.org/

用于在 vs code 中更好地进行 vuejs 开发和调试的扩展。

链接https://marketplace.visualstudio.com/items?itemname=octref.vetur

vuejs界面开发中的示例集合。

链接https://vuejsexamples.com/

28、visual studio code编辑器

visual studio code(vs code)是由微软公司推出的一款免费、开源的编辑器，推出之后便很快流行起来，深受开发者的青睐。作为前端开发人员来说，一个强大的编辑器可以让开发变得简单、便捷、高效。本书选择基于vs code编辑器进行讲解。

vs code编辑器具有如下特点：

(1)轻巧极速，占用系统资源较少。

(2)具备语法高亮显示、智能代码补全、自定义快捷键和代码匹配等功能。

(3)跨平台。不同的开发人员为了工作需要，会选择不同平台来进行项目开发工作，这样就一定程度上限制了编辑器的使用范围。vscode编辑器不仅跨平台(支持mac、windows以及linux)，使用起来也非常简单。

(4)主题界面的设计比较人性化。例如，可以快速查找文件直接进行开发，可以通过分屏显示代码，主题颜色可以进行自定义设置(默认是黑色)，也可以快速查看最近打开的项目文件并查看项目文件结构。

(5)提供了丰富的插件。vscode提供了插件扩展功能，用户根据需要自行下载安装，只需在安装配置成功之后，重新启动编辑器，就可以使用此插件提供的功能。

29、git-bash命令行工具

在进行vue开发时，我们经常会使用一些命令，如npm(包管理器)、vue-cli(脚手架)，这些命令需要在命令行下使用。git-bash是git(版本管理器)中提供的一个命令行工具，外观类似于windows系统内置的cmd命令行工具，但用户体验更友好。在实际开发中，经常会使用git-bash工具代替cmd。下面我们就来讲解git-bash的安装步骤。

(1)打开git for windows凯发网娱乐官网下载官网，下载git安装包，如下图

(2)双击下载后的安装程序，进行安装，如下图

(3)单击“next”按钮，根据提示进行安装，全部使用默认值即可。

(4)安装成功后，启动git-bash。

30、webstorm

webstorm 是jetbrains公司旗下一款javascript 开发工具。已经被广大中国js开发者誉为“web前端开发神器”、“最强大的html5编辑器”、“最智能的javascript ide”等。与intellij idea同源，继承了intellij idea强大的js部分的功能。

31、node.js

node.js是一个基于chrome v8引擎的javascript运行环境，它可以让javascript运行在服务器端。