vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。
参考文档:

官网:
https://panjiachen.github.io/vue-element-admin-site/zh/guide/#%E5%8A%9F%E8%83%BD

在这里插入图片描述

遇到的问题:

npm ERR! Error while executing:
npm ERR! C:\Program Files\Git\cmd\git.EXE ls-remote -h -t ssh://git@github.com/s
eonim-ryu/Squire.git
npm ERR!
npm ERR! undefined
npm ERR! exited with error code: 128
 
npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\10190340\AppData\Roaming\npm-cache\_logs\2019-11-21T08_22_
08_820Z-debug.log

解决方法:

参考文档:
https://blog.csdn.net/lengyuewusheng99/article/details/103189477
在终端执行:
git config --global url."https://".insteadOf git://
作用:将默认的git://协议更改为https://协议,这样在克隆或者拉取仓库时,如果仓库支持https协议,就会自动使用https://协议来访问,而不需要手动更改。这样做的好处是可以提高数据的安全性,并且对于一些需要使用https协议的仓库,可以避免出现错误

然后重新执行 npm install

执行 npm run dev 遇到的问题

概要:
C:\Users\admin\Desktop\vue\vue-admin-template-master>npm run dev
> vue-admin-template@4.4.0 dev
> vue-cli-service serve
 INFO  Starting development server...
10% building 2/5 modules 3 active ...dex.js??ref--13-0!C:\Users\admin\Desktop\vue\vue-admin-template-master\src\main.jsError: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:67:19)
    at Object.createHash (node:crypto:130:10)
    at module.exports 
     ......
Error: error:0308010C:digital envelope routines::unsupported
    ......
    at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3) {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}
Node.js v17.1.0

解决方法:

参考文档:
https://blog.csdn.net/u011127019/article/details/130928949
从package.json文件中 启动编译
 set NODE_OPTIONS=--openssl-legacy-provider
 作用:
 NODE_OPTIONS=--openssl-legacy-provider 是一个环境变量设置,用于指定 Node.js 在使用 OpenSSL 库时的提供者(provider)。OpenSSL 是一个用于安全通信的开源库,Node.js 使用它来处理加密和安全通信。

在 Node.js 中,提供者是一种机制,用于封装 OpenSSL 库的底层细节并暴露一组一致的 API,以便应用程序可以使用加密和安全功能。设置 --openssl-legacy-provider 选项将告诉 Node.js 使用 OpenSSL 的 legacy 提供商,该提供者支持较旧的加密算法和功能。

设置这个环境变量的作用是,当你在使用 Node.js 进行开发或运行应用程序时,可以确保它使用 OpenSSL 的 legacy 提供商来处理加密和安全通信。这样做可以提供更广泛的加密支持,特别是对于一些需要使用较旧的加密算法或功能的应用程序。

需要注意的是,使用较旧的加密算法可能存在安全风险,因为它们可能不够强大或已经被认为是不安全的。因此,在选择使用 --openssl-legacy-provider 时,你应该仔细考虑应用程序的需求和安全性要求。

在这里插入图片描述
重新执行 npm run dev
在这里插入图片描述
效果:
在这里插入图片描述
说明:
在这里插入图片描述
在这里插入图片描述
下载完项目,添加依赖时会遇见各种bug ,很多文档给出的解决方案是修改 node npm python等版本,附上各版本。

在这里插入图片描述

GitHub 加速计划 / vu / vue-admin-template
15
5
下载
PanJiaChen/vue-admin-template: 基于 Vue.js 和 Element UI 的后台管理系统模板,支持多语言、主题和布局切换。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
最近提交(Master分支:3 个月前 )
4c18a3f4 - 3 年前
714ded11 - 4 年前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐