# vue-admin-template
> A minimal vue admin template with Element UI & axios & iconfont & permission control & lint
**Live demo:** http://panjiachen.github.io/vue-admin-template
[中文文档](https://github.com/PanJiaChen/vue-admin-template/blob/master/README-zh.md)
## Build Setup
```bash
# Clone project
git clone https://github.com/PanJiaChen/vue-admin-template.git
# Install dependencies
npm install
# Serve with hot reload at localhost:9528
npm run dev
# Build for production with minification
npm run build
# Build for production and view the bundle analyzer report
npm run build --report
```
## Demo
## Extra
If you want router permission && generate menu by user roles , you can use this branch [permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control)
This project is based on `webpack4` development. If you want to use `webpack3` development, please use this branch [webpack3](https://github.com/PanJiaChen/vue-admin-template/tree/webpack3)
For `typescript` version, you can use [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) (Credits: [@Armour](https://github.com/Armour))
## Related Project
[vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
[electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
[vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template)
### Element-Ui using cdn tutorial
First find `index.html`([root directory](https://github.com/PanJiaChen/vue-admin-template/blob/element-ui-cdn/index.html))
Import css and js of `Element`, and then import vue. Because `Element` is vue-dependent, vue must be import before it.
Then find [webpack.base.conf.js](https://github.com/PanJiaChen/vue-admin-template/blob/element-ui-cdn/build/webpack.base.conf.js)
Add `externals` to make webpack not package vue and element.
```
externals: {
vue: 'Vue',
'element-ui':'ELEMENT'
}
```
Finally there is a small detail to pay attention to that if you import vue in global, you don't need to manually `Vue.use(Vuex)`, it will be automatically mounted, see
[issue](https://github.com/vuejs/vuex/issues/731)
And you can use `npm run build --report` to see the effect
Pictured:
**[Detailed code](https://github.com/PanJiaChen/vue-admin-template/commit/746aff560932704ae821f82f10b8b2a9681d5177)**
**[Branch](https://github.com/PanJiaChen/vue-admin-template/tree/element-ui-cdn)**
## Browsers support
Modern browsers and Internet Explorer 10+.
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
| --------- | --------- | --------- | --------- |
| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions
## License
[MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license.
Copyright (c) 2017-present PanJiaChen
毕业设计: 基于Vue的社区拼购商城 （264个子文件） 
.babelrc 229B style.css 2KB .editorconfig 243B .eslintignore 34B .gitignore 1KB .gitignore 171B .gitkeep 0B
index.html 559B index.html 292B favicon.ico 66KB favicon.ico 1KB
banner1.jpg 1.18MB banner2.jpg 294KB banner2.jpg 272KB banner3.jpg 155KB wuye.jpg 119KB shuji.jpg 86KB banner1.jpg 59KB baby.jpg 57KB tongxunlu.jpg 48KB songshui.jpg 30KB ShopController.js 9KB router.js 6KB NewsController.js 6KB .eslintrc.js 5KB webpack.prod.conf.js 5KB AnnouncementsController.js 4KB index.js 4KB ShopModel.js 4KB user.js 4KB admin.js 3KB index.js 3KB shopping.js 3KB webpack.dev.conf.js 3KB webpack.base.conf.js 3KB utils.js 3KB NewsModel.js 2KB shop.js 2KB user.js 2KB request.js 2KB ShoppingController.js 2KB UserSchema.js 2KB PurchaseShippingSchema.js 2KB VoteController.js 2KB request.js 2KB post.js 1KB services.js 1KB main.js 1KB announcements.js 1KB news.js 1KB permission.js 1KB check-versions.js 1KB ShoppingModel.js 1KB VoteOptionSchema.js 1KB GoodsSchema.js 1KB VoteSchema.js 1KB app.js 1KB VoteModel.js 1KB requestNode.js 1KB build.js 1KB user.js 1KB index.js 1KB GoodsSkuSchema.js 1KB CommentSchema.js 1KB AdminController.js 1010B ResizeHandler.js 997B snackbar.js 994B AnnouncementsSchema.js 989B NewsSchema.js 979B PropertyAnnouncementsSchema.js 974B login.js 920B CommunitySchema.js 917B AnnouncementsModel.js 897B PropertyAnnouncementsModel.js 861B CategoryCarouselSchema.js 809B functions.js 678B app.js 673B NewsContentSchema.js 617B IndexCarouselSchema.js 600B announcements.js 587B CategorySchema.js 581B main.js 512B AdminModel.js 504B news.js 459B index.js 455B shopping.js 386B information.js 371B getters.js 349B index.js 342B vuetify.js 339B persistent.js 330B post.js 327B index.js 321B auth.js 309B vue.config.js 308B index.js 285B CommunityModel.js 282B auth.js 268B validate.js 256B .postcssrc.js 246B共 264 条
- 1
- 2
- 3
资源评论
