vue开发使用的工具有哪些

发布时间:2022-12-27 09:37:49 作者:iii
来源:亿速云 阅读:225

这篇“vue开发使用的工具有哪些”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“vue开发使用的工具有哪些”文章吧。

vue开发工具有:1、BootstrapVue,是用于为Vue构建Bootstrap接口的开源库;2、VueX,是Vue应用程序的状态管理库;3、Vue Devtools;4、Vue CLI;5、Vue Router;6、Vuetifyjs;7、Nuxt Js;8、Vue Element Admin;9、Vue Apollo;10、Element UI;11、Quasar等等。

vue开发工具

1、BootstrapVue

用于为 Vuejs 构建 Bootstrap 接口的开源库。

vue开发使用的工具有哪些

2、VueX

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

vue开发使用的工具有哪些

3、Vue Devtools

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

vue开发使用的工具有哪些

4、Vue CLI

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

vue开发使用的工具有哪些

5、Vue Router

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

vue开发使用的工具有哪些

6、Vuetifyjs

开源库,帮助为 Vuejs 构建材质设计接口。

vue开发使用的工具有哪些

7、Nuxt Js

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

vue开发使用的工具有哪些

8、Vue Element Admin

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

vue开发使用的工具有哪些

9、Vue Apollo

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

vue开发使用的工具有哪些

10、Element UI

用于 Vue 项目界面开发的 UI 库。

vue开发使用的工具有哪些

11、Quasar

Quasar是一个开源的vuejs框架,可以帮助构建SPA(单页应用程序),SSR(服务器端渲染应用程序),PWA(渐进式Web应用程序)

vue开发使用的工具有哪些

12、Language Vue

支持 Vuejs 开发 Atom 的实用程序。

vue开发使用的工具有哪些

13、VuePress

VuePress 是一个Vue 驱动的静态网站生成器

vue开发使用的工具有哪些

14、Vuejs Guide

Vuejs开发人员最完整,最详细的指南。

vue开发使用的工具有哪些

15、Vue Select

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

vue开发使用的工具有哪些

16、Vueuse

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

vue开发使用的工具有哪些

17、VeeValidate

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

vue开发使用的工具有哪些

18、Vant

移动 UI 的界面生成器库。

vue开发使用的工具有哪些

19、Vue Native

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

vue开发使用的工具有哪些

20、Vue-meta

Vuejs项目的Cmeta标签管理器。

vue开发使用的工具有哪些

21、Vue I18n

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

vue开发使用的工具有哪些

22、Vue infinite loading

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

vue开发使用的工具有哪些

23、Gridsome

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

vue开发使用的工具有哪些

24、Vite

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

vue开发使用的工具有哪些

25、Vue-multiselect

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

vue开发使用的工具有哪些

26、Vetur

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

vue开发使用的工具有哪些

27、Vuejs Examples

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

vue开发使用的工具有哪些

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安装包,如下图

vue开发使用的工具有哪些

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

vue开发使用的工具有哪些

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

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

vue开发使用的工具有哪些

30、WebStorm

WebStorm 是JetBrains公司旗下一款JavaScript 开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。

31、Node.js

Node.js是一个基于Chrome V8引擎的JavaScript运行环境,它可以让JavaScript运行在服务器端。

以上就是关于“vue开发使用的工具有哪些”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注亿速云行业资讯频道。

推荐阅读:
  1. 怎么使用Vue+Canvas制作简易的水印添加器小工具
  2. Vue前端项目自适应布局怎么实现

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

vue

上一篇:vue单页面能不能做seo

下一篇:vue自定义组件的注册方式有哪些

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》