Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
F
fund-eye-ui
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
funding
fund-eye-ui
Commits
1a99cb3a
Commit
1a99cb3a
authored
Aug 21, 2020
by
奉杰
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Delete README-zh.md
parent
9c4ed44d
Pipeline
#649
canceled with stages
Changes
1
Pipelines
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
0 additions
and
96 deletions
+0
-96
README-zh.md
README-zh.md
+0
-96
No files found.
README-zh.md
deleted
100644 → 0
View file @
9c4ed44d
# vue-admin-template
> 这是一个 极简的 vue admin 管理后台 它只包含了 Element UI & axios & iconfont & permission control & lint,这些搭建后台必要的东西。
[
线上地址
](
http://panjiachen.github.io/vue-admin-template
)
[
国内访问
](
https://panjiachen.gitee.io/vue-admin-template
)
## Extra
如果你想要根据用户角色来动态生成侧边栏和 router,你可以使用该分支
[
permission-control
](
https://github.com/PanJiaChen/vue-admin-template/tree/permission-control
)
本项目基于
`webpack4`
开发,若还想使用
`webpack3`
开发,请使用该分支
[
webpack3
](
https://github.com/PanJiaChen/vue-admin-template/tree/webpack3
)
如果你想使用基于 vue + typescript 的管理后台, 可以看看这个项目:
[
vue-typescript-admin-template
](
https://github.com/Armour/vue-typescript-admin-template
)
(
鸣谢:
[
@Armour
]
(https://github.com/Armour))
## 相关项目
[
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
)
写了一个系列的教程配套文章,如何从零构建后一个完整的后台项目:
-
[
手摸手,带你用 vue 撸后台 系列一(基础篇)
](
https://juejin.im/post/59097cd7a22b9d0065fb61d2
)
-
[
手摸手,带你用 vue 撸后台 系列二(登录权限篇)
](
https://juejin.im/post/591aa14f570c35006961acac
)
-
[
手摸手,带你用 vue 撸后台 系列三 (实战篇)
](
https://juejin.im/post/593121aa0ce4630057f70d35
)
-
[
手摸手,带你用 vue 撸后台 系列四(vueAdmin 一个极简的后台基础模板,专门针对本项目的文章,算作是一篇文档)
](
https://juejin.im/post/595b4d776fb9a06bbe7dba56
)
-
[
手摸手,带你封装一个 vue component
](
https://segmentfault.com/a/1190000009090836
)
## Build Setup
```
bash
# Clone project
git clone https://github.com/PanJiaChen/vue-admin-template.git
# Install dependencies
npm
install
# 建议不要用cnpm 安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题
npm
install
--registry
=
https://registry.npm.taobao.org
# 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

### Element-Ui 使用 cdn 教程
首先找到
`index.html`
(
[
根目录下
](
https://github.com/PanJiaChen/vue-admin-template/blob/element-ui-cdn/index.html
)
)
引入 Element 的 css 和 js ,并且引入 vue 。因为 Element-Ui 是依赖 vue 的,所以必须在它之前引入 vue 。
之后找到
[
webpack.base.conf.js
](
https://github.com/PanJiaChen/vue-admin-template/blob/element-ui-cdn/build/webpack.base.conf.js
)
加入
`externals`
让 webpack 不打包 vue 和 element
```
externals: {
vue: 'Vue',
'element-ui':'ELEMENT'
}
```
之后还有一个小细节是如果你用了全局对象方式引入 vue,就不需要 手动
`Vue.use(Vuex)`
,它会自动挂载,具体见
[
issue
](
https://github.com/vuejs/vuex/issues/731
)
最终你可以使用
`npm run build --report`
查看效果
如图:

**[具体代码](https://github.com/PanJiaChen/vue-admin-template/commit/746aff560932704ae821f82f10b8b2a9681d5177)**
**[对应分支](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
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment