足力健前端,vue版本

yangjunfeng 136b2d33ea 禅道bug修改 5 gadi atpakaļ
..
build 21bc0a1e99 足力健 5 gadi atpakaļ
config 7c15f3c647 足力健话务修改 5 gadi atpakaļ
src 136b2d33ea 禅道bug修改 5 gadi atpakaļ
static 3cdadc8759 禅道bug修改 5 gadi atpakaļ
.babelrc 21bc0a1e99 足力健 5 gadi atpakaļ
.editorconfig 21bc0a1e99 足力健 5 gadi atpakaļ
.eslintignore 21bc0a1e99 足力健 5 gadi atpakaļ
.eslintrc.js 21bc0a1e99 足力健 5 gadi atpakaļ
.gitignore 21bc0a1e99 足力健 5 gadi atpakaļ
.postcssrc.js 21bc0a1e99 足力健 5 gadi atpakaļ
.travis.yml 21bc0a1e99 足力健 5 gadi atpakaļ
LICENSE 21bc0a1e99 足力健 5 gadi atpakaļ
README-zh.md 21bc0a1e99 足力健 5 gadi atpakaļ
README.md 21bc0a1e99 足力健 5 gadi atpakaļ
debug.log a995412c82 按钮权限、 问题修改 5 gadi atpakaļ
hyicon.ico 21bc0a1e99 足力健 5 gadi atpakaļ
hyicon1.ico 21bc0a1e99 足力健 5 gadi atpakaļ
index.html 9447f10dc4 背景图片及会员管理修改 5 gadi atpakaļ
package.json 5b8dbc7697 消息提醒修改 5 gadi atpakaļ
v6.0打包发布.md 21bc0a1e99 足力健 5 gadi atpakaļ

README.md

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

中文文档

Build Setup

# 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

demo

Extra

If you want router permission && generate menu by user roles , you can use this branch permission-control

This project is based on webpack4 development. If you want to use webpack3 development, please use this branch webpack3

For typescript version, you can use vue-typescript-admin-template (Credits: @Armour)

Related Project

vue-element-admin

electron-vue-admin

vue-typescript-admin-template

Element-Ui using cdn tutorial

First find index.html(root directory)

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 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

And you can use npm run build --report to see the effect

Pictured: demo

Detailed code

Branch

Browsers support

Modern browsers and Internet Explorer 10+.

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
IE10, IE11, Edge last 2 versions last 2 versions last 2 versions

License

MIT license.

Copyright (c) 2017-present PanJiaChen