vue的开发工具都有哪些呢
vue的开发工具都有哪些呢,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
创新互联建站主营罗湖网站建设的网络公司,主营网站建设方案,重庆APP开发,罗湖h5微信小程序开发搭建,罗湖网站营销推广欢迎罗湖等地区企业咨询
vue开发工具有:1、Vue CLI;2、Vue Press;3、Vuex;4、Nuxt;5、Vuetify;6、Quasar;7、Storybook;8、Visual Studio Code;9、WebStorm等等。
本教程操作环境:windows7系统、vue2.9.6版,DELL G3电脑。
现在前端除了JavaScript外,还有react,vue,angular这三个框架在市场上用的比较多,可以说这三个框架很大程度上改变了前端的地位,相对于angular来说,vue同样拥有丰富的指令,并且都是典型的MVC框架,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为主,但平时在开发组件,尤其是公共组件或第三方组件时会有些困扰,
不能很好的管理组件,预览组件时不能一目了然,也不能很好的反应一个组件的不同状态,
自动化交互测试可以使用enzyme,但很多时候还得手动测试,
在写文档时 需要将组件预览和文档写在一起,并需要切换不同状态,
所以,storbook就是为了解决这些问题而出现,他能为组件搭建一个强大的开发环境,主要提供下面几点
提供一个强大的UI组件管理页面,可以很便捷,清晰的分组,管理多个组件或一个组件的不同状态
在自动化交互测试外,可以很方便的进行手动交互测试,并且可以动态改变组件参数,查看视图变化
可以将组件预览导出为静态资源,这样就可以很方便查看组件的文档和不同参数对应的不同视图 还有一系列插件,更好的帮助我们完成开发 测试 优化组件工作。
该工具使用开发人员能够独立于主应用程序组件,并在隔离的开发环境中已交互方式展示他们,而无需担心特定有应用程序的依赖关系和要求,方便开发人员,设计人员等多人参与项目。
Visual Studio Code
Visual Studio Code(简称“VS Code”)是Microsoft在2015年4月30日Build开发者大会上正式宣布一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代Web和云应用的跨平台源代码编辑器,可在桌面上运行,并且可用于Windows,macOS和Linux。它具有对JavaScript,TypeScript和Node.js的内置支持,并具有丰富的其他语言(例如C++,C#,Java,Python,PHP,Go)和运行时(例如.NET和Unity)扩展的生态系统。
WebStorm
WebStorm 是JetBrains公司旗下一款JavaScript 开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。
看完上述内容,你们掌握vue的开发工具都有哪些呢的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
文章题目:vue的开发工具都有哪些呢
浏览地址:http://scyanting.com/article/jgiics.html