vue-antd-admin如何启动

一. vue-antd-admin简介

Vue Antd Admin是Ant Design Pro 的 Vue 实现版本, 是开箱即用的中后台前端/设计解决方案.

• 技术栈基于 ES2015+、Vue、Antd
• 你的本地环境需要安装npm、node 和 git

---

二. vue-antd-admin官方地址

官方网站: https://iczer.gitee.io/vue-antd-admin-docs/
官方文档: https://iczer.gitee.io/vue-antd-admin-docs/start/use.html
其基于的ant design for vue: https://www.antdv.com/docs/vue/introduce-cn/

---

三、vue-antd-admin流程

根据官网的文档基本上就能实现，但是我自己去使用的时候出现很多问题，网上教程有很多，但是比较乱，我把我遇见的问题记录下来希望能帮到你。

1、拉去项目到本地（克隆项目到本地）

$ git clone https://github.com/iczer/vue-antd-admin.git

2、安装依赖

 npm install    

yarn install

 在dos指令窗口中输入这两个开始安装，我推荐使用npm install ，yarn install是你先前下载了yarn，才可以使用这个指令。

npm install可能会慢上很多，可以切换淘宝地址，国内镜像下载

 切换taobao源并且下载cnpm：

 npm install -g cnpm --registry=https://registry.npm.taobao.org

 安装依赖：

cnpm install （或者cnpm i）

3、启动vue-antd-admin

npm run serve

 成功运行效果：

 

可能存在一个错误

 rror: error:0308010C:digital envelope routines::unsupported
出现这个错误是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响.

解决方法：

set NODE_OPTIONS=--openssl-legacy-provider

注意：set是在window下使用的指令，linux或者mac应该将set改成export 

export NODE_OPTIONS=--openssl-legacy-provider

4、vue-antd-admin效果图