vue-element-template 做后台(一)安装

vue-element-admin地址:
https://panjiachen.gitee.io/vue-element-admin-site/zh/

vue-element-admin的定位是后台集成方案,集成了很多很多功能,如果只是简单的管理后台,可能只会用到其中部分功能,直接使用vue-element-admin进行二次开发,会造成不少的代码冗余。
官方推荐使用基础模板:vue-admin-template 进行二次开发,
如果你不在乎代码冗余的问题,也可以直接基于vue-element-admin 进行二次开发。

在此,记录使用基础模板vue-admin-template,开发一个简单的管理后台过程。

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

安装

Build Setup

# 克隆项目
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

浏览器访问 http://localhost:9528

发布

# 构建测试环境
npm run build:stage

# 构建生产环境
npm run build:prod

其它

# 预览发布环境效果
npm run preview

# 预览发布环境效果 + 静态资源分析
npm run preview -- --report

# 代码格式检查
npm run lint

# 代码格式检查并自动修复
npm run lint -- --fix

你可能感兴趣的:(Vue)