这是我的关于vue-antd-admin的使用记录(1)

下载与运行

  1. 进入vue-antd-admin的官方文档,地址在下面
    vue-antd-admin文档
  2. 进入其提供的github仓库,按照官方的(还是其他博主说的来着,不记得了)说法,学习的话使用master分支,如果要进行开发,那么最好使用basic分支的,我本来还不信,因为master开发的已经很好了,我想直接用现成的,但是下载后,在安装环境的时候出现了很多bug,导致项目无法在我的电脑上运行起来,但是后来下载basic分支的就没什么问题。
  3. 检查自己的环境,需要安装nodejs,vue,我的还安装了yarn,但是文档上说不安装yarn也可以使用npm安装,应该也没关系。我自己的vue版本是3(但是项目的版本是vue2,没有关系),node版本是18.16.0,yarn版本是1.22.19,记得将镜像换为国内镜像
  4. 使用vscode打开项目(其他的也可以),然后在终端内运行yarn install,就会开始安装环境,如下:
    使用yarn安装环境

其中有几个警告,但是应该没啥关系。
5. 使用yarn serve开启项目,如图:
使用yarn启动服务

但是这里也看到,有报错,报错代码如下:

安装完环境后启动项目时报错了
出现了'error:03000086:digital envelope routines::initialization error'的报错,在c站查阅了其他博主的文章之后发现,好像是因为node版本带来的,只需要在package.json中修改script的内容即可,修改内容为

"scripts": {
    "dev": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
    "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
    "lint": "eslint --ext .js,.vue src",
    "build:prod": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",
    "build:stage": "vue-cli-service build --mode staging",
    "preview": "node build/index.js --preview",
    "new": "plop",
    "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml",
    "test:unit": "jest --clearCache && vue-cli-service test:unit",
    "test:ci": "npm run lint && npm run test:unit"
    }

如图:
在这里插入图片描述

之后再次启动项目就发现项目可以启动了,可以进到登陆页面了,这里就完成了下载和在自己电脑上部署,之后就可以根据自己的需要进行开发。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值