专栏首页锐智互动vue开发工具有哪些,那个更合适?
原创

vue开发工具有哪些,那个更合适?

现在前端除了JavaScript外,还有react,vue,angular这三个框架在市场上用的比较多,可以说这三个框架很大程度上改变了前端的地位,相对于angular来说,vue同样拥有丰富的指令,并且都是典型的MVC框架,vue相对来说轻量级一些,

目前vue被很多开发人员所采用,也越来越热门,,因此它的生态环境也变得完善起来,相关的工具也很丰富,这主要是依靠vue的学习曲线和清晰的设计结构和使用文档,是让有经验的开发人员从其他框架方便入手。下面给大家介绍vue的开发工具有哪些?

Vue CLI

为了方便开发者快速的上手工作,他和奇特的框架一样,都是提供CLI类似的手脚架工具,VueCLI是一套功能齐全的工具,能用快速Vue开发,Vue将Vue生态中的工具基础标准化,确保了各种构建工具能够基于智能的默认配置平稳衔接,这样就可以专注在撰写应用上,而不必花好久的时间去纠结配置问题,例如在项目中能够很轻松的集成Babel,TypeScript, ESLint,PostCSS ,Jest,Mocha , Nightwatch和Cypress等插件。

Vue Press

VuePress是以Vue驱动的静态网站生成器,是由Vue, Vue Router和webpack驱动的单页应用,在VuePress中,可以使用Markdown编写文档,然后生成网页,每一个由VuePress生成的页面都有着预渲染好的HTML,也因此具有非常好的加载性能和搜索引擎优化,同时,一旦页面被加载,Vue将会接管这些内容,并把他转换成一个完整的单页应用,其他的页面则只会在用户浏览到的时候才需加载,

Vuex

在SPA单页组件的开发中Vue的vuex和React的React都是统称为同一状态管理,也可以叫全局状态管理,简单的理解就是你在state中定义了一个数据之后,就可以在所在项目中的任何一个组件里进行获取,进行修改,并且修改部分可以得到全局的响应变化,每一个Vuex应用的核心就是Store,store可当做一个容器,包含着应用中大部分状态。

Nuxt

Nuxt.js是一个基于Vue.js的轻量级应用框架,可用来创建服务端渲染应用,也可以充当静态站点引擎生成静态站点应用,具有优雅的代码结构分层和热加载等特性。

Vuetify

Vuetify目前是基于veu的最好的UI组件库之一,他提供了大量基于Material Design规范尽心制作的组件,可以满足任何应用程序的需求。

Quasar

Quasar是MIT许可的开元框架是基于Vue的,可以帮助Web开发人员创建响应式网站,PWA 通过Apacha Cordova构建移动APP,多平台应用程序 Quasar约需开发人员编写一次代码,然后使用相同的代码库同时部署为网站,PWA , Mobile APP和Electron App。使用最先进的CLI设计应用程序,并提供精心编写,是速度非常快的Quasar Web组件,

Storybook

对于前段来说,组件化技术已经是必修的一门课程了,这其中又以react和vue为主,但平时在开发组件,尤其是公共组件或第三方组件时会有些困扰,

1. 不能很好的管理组件,预览组件时不能一目了然,也不能很好的反应一个组件的不同状态,

2. 自动化交互测试可以使用enzyme,但很多时候还得手动测试,

3. 在写文档时 需要将组件预览和文档写在一起,并需要切换不同状态,

所以,storbook就是为了解决这些问题而出现,他能为组件搭建一个强大的开发环境,主要提供下面几点

1. 提供一个强大的UI组件管理页面,可以很便捷,清晰的分组,管理多个组件或一个组件的不同状态

2. 在自动化交互测试外,可以很方便的进行手动交互测试,并且可以动态改变组件参数,查看视图变化

3. 可以将组件预览导出为静态资源,这样就可以很方便查看组件的文档和不同参数对应的不同视图 还有一系列插件,更好的帮助我们完成开发 测试 优化组件工作。

该工具使用开发人员能够独立于主应用程序组件,并在隔离的开发环境中已交互方式展示他们,而无需担心特定有应用程序的依赖关系和要求,方便开发人员,设计人员等多人参与项目。

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 软件开发过程中使用的框架有哪些

    框架在字面上的意思就是一个框子,有约束性和支撑性,是一个基本概念上的结构用于解决或处理复杂的问题,而在IT语言中的框架,是指未解决一个开放性问题而设计的具有一定...

    北京锐智互动
  • Redis缓存技术的应用?-北京锐智互动

    Redis是一款免费开源的遵守BSD协议,是高性能的NOsql 缓存 Key-value数据库。Redis支持数据持久化,可以在将内存中的数据保持在词牌当中,重...

    北京锐智互动
  • 连接Oracle数据库的工具,

    Oracle全称 Oracle Database 是甲骨文公司的一款关系型数据库管理系统,他在数据库领域是处于领先的地位的产品,可以说Oracle数据库系统是目...

    北京锐智互动
  • 哪些拿住我面试题

    MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑;...

    李才哥
  • vue.js之组件篇

    组件(Component)是 Vue.js 最强大的功能之一,组件可以扩展 HTML 元素,封装可重用的代码。

    指尖改变世界
  • 12 种使用 Vue 的最佳做法

    随着 VueJS 的使用越来越广泛,出现了几种最佳实践并逐渐成为标准。在本文中,主要分享在平时开发中一些有用资源和技巧,废话少说,我们开始吧。

    前端达人
  • 2020年的12个Vue.js开发技巧和窍门

    随着Vue 2.6的推出,已经引入了插槽的简写方式,可用于事件(例如,@click 表示 v-on:click 事件)或冒号表示方式用于绑定(:src)。例如,...

    Dunizb
  • 驳《前端常见的Vue面试题目汇总》

    本文针对 @小明同学哟 的 《前端常见的Vue面试题目汇总》 这篇文章,提出一些错误。

    ssh1995
  • [Vue 牛刀小试]:第十六章 - 针对传统后端开发人员的前端项目框架搭建

      在之前学习 Vue 基础知识点的文章中,我们还是采用传统的方式,通过在 html 页面上引用 vue.js 这个文件,从而将 Vue 引入到我们的项目开发中...

    程序员宇说
  • Vue.js 十五分钟入门

    TypeScript 为 JavaScript 带来静态类型检查,让 JavaScript 编写中大型应用的时候可以应用工具来避免部分错误。

    Fundebug

扫码关注云+社区

领取腾讯云代金券