Skip to content

Shiroyan/vue-material-template

Repository files navigation

Vue template with Muse-ui

Muse-ui doc
相关的webpack配置已经配好,开箱即用,按需引入

配置

  1. npm install 安装所有依赖
  2. node_module/muse-ui/src/styles/import.less 中找到 @{MuseThemeUi} 将其更改为 ./themes/variables/light.less
  3. 如果你想更改主题颜色,只需要把light.less更改为其他预设主题即可。当然你也可以直接去修改颜色变量

目录结构

src
 |--assets               静态资源存放,如图片
 |--components           自定义的可重用组件
 |--plugins              自定义插件
 |--view                 业务相关页面
 |--styles               全局样式,包含mixin、variable、index等less文件
 |--api
     |-- ajax.js        ajax方法的封装
     |-- resource.js    Vue-resource资源文件     
 |--utils               常用的工具文件
 |--router              路由,Vue-router
 |--bussiness           业务相关的逻辑,如微信分享,验证之类的
 main.js                组件引入,插件注册
 App.vue

集成的插件

插件都是基于Muse-ui
目前已封装了loadingdialogsnackbar, 其中snackbar为弹出提示~
使用方法在源码中已有注释~

集成的组件

back, 一个底部的回退键
使用方法在源码中已有注释~

运行
npm run dev

打包
npm run build

打包 - 生成包关系表,用于分析是否含有冗余的包
npm run build --report

About

vue template with muse-ui

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published