简单了解Vue + ElementUI后台管理模板

 更新时间:2020年04月07日 09:16:40   投稿:yaominghui  
这篇文章主要介绍了简单了解Vue + ElementUI后台管理模板,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

最近学习和项目都用到了Vue和ElementUI,自己不是专业前端,搞这些UI上的东西还是有些难度,这里推荐两个Vue + ElementUI后台管理模板

vue-element-admin

vue-element-admin

官网介绍

vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。

vue-admin-template

vue-admin-template

官网介绍

这是一个极简的 vue admin 管理后台。它只包含了 Element UI & axios & iconfont & permission control & lint,这些搭建后台必要的东西。

两个模板的环境都是基于node.js,在安装vue-element-admin时需要python2.x环境(此处必须为python2.x),执行npm install命令时,可能会出现sass node_module下载失败,这是因为国内网络被墙的原因,解决方案,在项目根目录下添加了一个.npmrc文件,文件内容如下

sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
registry=https://registry.npm.taobao.org

如果安装中还出现其他错误可以参考

https://github.com/PanJiaChen/vue-element-admin/issues/24

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • vue3使用keep alive实现前进更新后退销毁

    vue3使用keep alive实现前进更新后退销毁

    这篇文章主要为大家介绍了vue3中使用keep alive实现前进更新后退销毁示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-06-06
  • 配置vue全局方法的两种方式实例

    配置vue全局方法的两种方式实例

    vue项目中有一些方法需要在多个页面调用,但为了避免在每个页面都import进来,可以把方法加到原型上去,这样在每个组件中都能使用了,下面这篇文章主要给大家介绍了关于配置vue全局方法的两种方式,需要的朋友可以参考下
    2021-09-09
  • vue基于better-scroll仿京东分类列表

    vue基于better-scroll仿京东分类列表

    这篇文章主要为大家详细介绍了vue基于better-scroll仿京东分类列表,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-06-06
  • vue-router中的hash和history两种模式的区别

    vue-router中的hash和history两种模式的区别

    大家都知道vue-router有两种模式,hash模式和history模式,这里来谈谈vue-router中的hash和history两种模式的区别。感兴趣的朋友一起看看吧
    2018-07-07
  • Vue3 携手 TypeScript 搭建完整项目结构

    Vue3 携手 TypeScript 搭建完整项目结构

    TypeScript 是JS的一个超级,主要提供了类型系统和对ES6的支持,使用 TypeScript 可以增加代码的可读性和可维护性,在 react 和 vue 社区中也越来越多人开始使用TypeScript,这篇文章主要介绍了Vue3 携手 TypeScript 搭建完整项目结构,需要的朋友可以参考下
    2022-04-04
  • vue3之Suspense加载异步数据的使用

    vue3之Suspense加载异步数据的使用

    本文主要介绍了vue3之Suspense加载异步数据的使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-02-02
  • vue与vue-i18n结合实现后台数据的多语言切换方法

    vue与vue-i18n结合实现后台数据的多语言切换方法

    下面小编就为大家分享一篇vue与vue-i18n结合实现后台数据的多语言切换方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • VUE实现吸底按钮

    VUE实现吸底按钮

    这篇文章主要为大家详细介绍了VUE实现吸底按钮,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-03-03
  • 讲解vue-router之什么是动态路由

    讲解vue-router之什么是动态路由

    这篇文章主要介绍了讲解vue-router之什么是动态路由,详细的介绍了什么是动态路由,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • vue3.0 CLI - 2.5 - 了解组件的三维

    vue3.0 CLI - 2.5 - 了解组件的三维

    通过本文带领大家去学习vue3.0 CLI - 2.5 - 了解组件的三维的相关知识,感兴趣的朋友跟随脚本之家小编一起学习吧
    2018-09-09

最新评论