Blake

网站后台模板丨loveRandy / vue-cli3.0-vueadmin
作者:loveRandy项目地址:https://github.com/loveRandy/vue-cli3.0-...
扫描右侧二维码阅读全文
19
2018/08

网站后台模板丨loveRandy / vue-cli3.0-vueadmin

作者:loveRandy
项目地址:https://github.com/loveRandy/vue-cli3.0-vueadmin
Fork/Star:Star

3ab20114-3534-4ade-bf09-ed93ae15c32b_70.png

基于Vue-Cli3.0+Vue+ElementUI+Vuex+Axios的网站后台模板

预览地址

前言

这是一个基于手摸手系列,vue-admin-template进行改造的版本——感谢作者风骚花裤衩。

由于是基于vue-cli3.0为基础进行的开发,所以同比vue-cli2会有区别:
1、项目的目录结构发生了变化,vue-cli3.0隐藏了webpack的配置文件,目录看起来非常的清爽简洁,在目标上追求0配置进行开发,将大部分时间用在开发上,避免在配置上浪费过多时间。但是个人风格配置无法避免,这里提供了一个vue.config.js进行项目的配置;

2、使用vue ui命令就可以呼唤出vue的图形化界面,可以直接在页面上操控项目的配置,这逼格一下上了天。

注意事项

1、由于个人风格原因,该项目去掉了eslint限制,需要的同学可以自己增加;

2、项目里没有使用到原作者的svg组件,因为配置问题导致一直报错,所以改用了iconfont;

3、为了跑通整个项目,这里我使用nodejs写了几个接口进行验证,包括token、userinfo、list,并且使用cors开放了跨域,需要的同学可以直接使用,无需代理;

使用方法

Project setup

npm install

Compiles and hot-reloads for development

npm run dev

Compiles and minifies for production

npm run build

Compiles and minifies for production to analyze the component percent

npm run analyze

关键词
vuevue-cli-3vue-elementaxiosvuexvue-router
最后修改:2018 年 08 月 19 日 02 : 33 PM

发表评论