编程开源技术交流,分享技术与知识

网站首页 > 开源技术 正文

JavaScript,vue-admin-template/vue-element-admin工程初始搭建

wxchong 2024-06-22 20:44:01 开源技术 11 ℃ 0 评论

vue-admin-template

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

vue-element-admin

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

vue-element-admin是含有丰富的组件,vue-admin-template是一个基础的单页面应用的框架,适合在vue-admin-template上二次开发,开发需要的组件就可以直接的从vue-element-admin里面拷贝上去。适合于后台管理的中小型项目,内部的架构非常的完善,简单易上手。

NodeJS及npm

https://nodejs.org/en/

Git安装(客户端):

https://git-scm.com/

官方:https://github.com/PanJiaChen/vue-element-admin

框架的组件样式从element找 :

element:http://element-cn.eleme.io/#/zh-CN/component/table

vue-admin-template安装启动

# 克隆项目
git clone https://github.com/PanJiaChen/vue-admin-template.git
# 进入项目目录
cd vue-admin-template
# 安装依赖
npm install
# 建议不要直接使用 cnpm 安装以来,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org
# 启动服务
npm run dev

发布:
# 构建测试环境
npm run build:stage
# 构建生产环境
npm run build:prod

vue-element-admin安装启动

# 克隆项目
git clone https://github.com/PanJiaChen/vue-element-admin.git
#进入工作目录
cd vue-element-admin
# 安装依赖
npm install
#设置淘宝仓库
npm install --registry=https://registry.npm.taobao.org
# 启动服务
npm run dev

浏览器查询效果

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表