美文网首页
vue H5技术选择

vue H5技术选择

作者: coolheadedY | 来源:发表于2017-01-20 09:58 被阅读750次

调试工具

npm install -g browser-sync 
vue-devtool

Vue生态系统

vue router 构建单页面应用的官方路由插件
npm install vue-router
vuex 状态管理模式
npm install vuex
webpack 构建工具
npm install webpack

webpack-demo

第三方JS工具

vue-cli 脚手架命令行工具
$ npm install -g vue-cli
axios 官方推荐网络通信库
$   install axios --save
vue-resource 官方已不推荐,推荐axios替代
$   install vue-resource --save
vue-lazy-render 延迟渲染 vue 组件
npm install vue-lazy-render

第三方UI组件(移动)

mint-ui 基于 vue.js 的移动端 UI 框架
npm install mint-ui
muse-ui 基于 Vue 2.0 和 Material Desigin 的 UI 组件库
npm install muse-ui 
Vonic基于 Vue.js 和 ionic 组件的 SPA UI 框架
$ vue init wangdahoo/vonic-template my-project
$ cd my-project
$ npm install
$ npm run dev
其他(DOM&框架):

vue-blu-基于 Vue.js(2.x) 和 Bulma 的 UI 组件库
Element-饿了么前端推出的基于 Vue.js 2.0 的后台组件库
Vue-strap-基于 Vue.js 的 Bootstrap 组件
Iview-一套基于 Vue.js 的高质量 UI 组件库
移动端PPT
vue-ppt
参考
移动端收集
vue资源

CSS预编译

sass/scss

sass介绍
bootstrap编码规范
谷歌HTML/CSS规范

ES6

阮一峰

相关文章

网友评论

      本文标题:vue H5技术选择

      本文链接:https://www.haomeiwen.com/subject/yhsibttx.html