vue-cli311111/README.md

44 lines
1.9 KiB
Markdown
Raw Normal View History

2018-08-15 22:34:25 +08:00
# vue-cli3.0-vueadmin
2018-08-15 22:20:03 +08:00
技术栈主要使用vue-cli3.0+vue+elementUI+vuex+axios。<br>
这是一个基于手摸手系列,<a target="_blank" href="https://github.com/PanJiaChen/vueAdmin-template">vueadmin-template</a>进行改造的版本----感谢作者风骚花裤衩。
2018-08-15 22:31:58 +08:00
2018-08-15 22:34:25 +08:00
由于是基于vue-cli3.0为基础进行的开发所以同比vue-cli2会有区别<br>
2018-08-16 08:59:18 +08:00
1、项目的目录结构发生了变化vue-cli3.0隐藏了webpack的配置文件目录看起来非常的清爽简洁在目标上追求0配置进行开发将大部分时间用在开发上避免在配置上浪费过多时间。但是个人风格配置无法避免这里提供了一个<a href="https://github.com/vuejs/vue-docs-zh-cn/blob/master/vue-cli/webpack.md">vue.config.js</a>进行项目的配置;<br><br>
2018-08-15 23:11:21 +08:00
2018-08-15 23:08:08 +08:00
2、使用vue ui命令就可以呼唤出vue的图形化界面可以直接在页面上操控项目的配置这逼格一下上了天。<br>
2018-08-16 08:59:18 +08:00
![Image text](https://randy168.com/屏幕快照%202018-08-15%20下午11.04.14.png) <br><br>
2018-08-16 08:55:50 +08:00
2019-06-28 15:31:10 +08:00
<h3><a target="_blank" href="http://www.vueadmin.cn">线上预览地址</a></h3>
2018-08-16 08:55:50 +08:00
2018-08-16 08:59:18 +08:00
注意事项:<br><br>
1、由于个人风格原因该项目去掉了eslint限制需要的同学可以自己增加<br><br>
2、项目里没有使用到原作者的svg组件因为配置问题导致一直报错所以改用了iconfont;<br><br>
2018-08-19 10:15:47 +08:00
3、为了跑通整个项目这里我使用nodejs写了几个接口进行验证包括token、userinfo、list并且使用cors开放了跨域需要的同学可以直接使用无需代理<br><br>
2018-08-19 10:13:02 +08:00
<strong>如果这个项目对你工作和学习有帮助别忘了右上角的star哦😊</strong>
2018-08-16 09:15:56 +08:00
2018-08-18 09:05:10 +08:00
2018-08-15 23:11:21 +08:00
### Project setup
2018-08-15 16:25:05 +08:00
```
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
2018-08-15 16:30:06 +08:00
```
2018-08-15 22:51:23 +08:00