下载与运行
- 进入vue-antd-admin的官方文档,地址在下面
vue-antd-admin文档 - 进入其提供的github仓库,按照官方的(还是其他博主说的来着,不记得了)说法,学习的话使用master分支,如果要进行开发,那么最好使用basic分支的,我本来还不信,因为master开发的已经很好了,我想直接用现成的,但是下载后,在安装环境的时候出现了很多bug,导致项目无法在我的电脑上运行起来,但是后来下载basic分支的就没什么问题。
- 检查自己的环境,需要安装nodejs,vue,我的还安装了yarn,但是文档上说不安装yarn也可以使用npm安装,应该也没关系。我自己的vue版本是3(但是项目的版本是vue2,没有关系),node版本是18.16.0,yarn版本是1.22.19,记得将镜像换为国内镜像。
- 使用vscode打开项目(其他的也可以),然后在终端内运行
yarn install
,就会开始安装环境,如下:
其中有几个警告,但是应该没啥关系。
5. 使用yarn serve
开启项目,如图:
但是这里也看到,有报错,报错代码如下:
出现了'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"
}
如图:
之后再次启动项目就发现项目可以启动了,可以进到登陆页面了,这里就完成了下载和在自己电脑上部署,之后就可以根据自己的需要进行开发。