下载vue-element-admin文件，最直接解决报错的方法

╰+哭是因爲堅強的太久メ 2024-03-31 12:55 43阅读 0赞

## 我知道更换版本很麻烦，我之前也尝试过很多除了修改版本之外的方法，结果是改改这个修修那个，花了三天的时间还是屈服了，一劳永逸更换旧的版本，欢迎大家经历过各种报错后再回来看这篇文章，点一下收藏，不然就找不到了。 ##

能克隆成功的前提是涉及到了node.js,VScode,git命令的使用，python环境 下面将比较详细的介绍各个般的的协调匹配。

**之前我也是找了很多文章，但是没有成功，当你修改完这些安装环境后，就可以按照官网上的命令挨个的执行了，没有一点问题，亲测有效。**

**而且一点也没报错，也不用像其他博主那样修改这个修改那个了。**

vue-element-admin压缩包的链接地址是：[https://download.csdn.net/download/qq\_61920297/87192419][https_download.csdn.net_download_qq_61920297_87192419]

**1.1**

在我的主页上有从[官网 介绍 | vue-element-admin][_ _ vue-element-admin]上下载好的vue-element-admin文件压缩包

vue-element-admin完整版的（内有node-modules）开箱即用，可以直接 npm run dev， vue-element-admin压缩包的链接地址是：[https://download.csdn.net/download/qq\_61920297/87192419][https_download.csdn.net_download_qq_61920297_87192419]

第一个就是，不用花钱（先别着急下载，请向下阅读配置环境，不然会运行时报各种稀奇古怪的bug)

配置好环境后直接按照官网上的命令来一点也没报错，千万要注意配置环境！！！！！！

![70418bb0af084d5ebe6a66d567e47f6d.png][]

首先声明，博主也是踩了很多坑，最终花费了三天的空余时间git到这个完整版的前端参考文件，适合做课程设计，快速开发中级企业网站，另外的文章上也有详细的安装说明，比较适用于对电脑熟悉的朋友使用，其中也嵌套有其他博主的论文，这里是个压缩包，可在vscode等多种前端开发软件中使用，在我的GitHub账户上也能获取。

**1.2**

先看一下效果：

![5dee94adfe2a425b9122c93a02746409.png][]

**2.1.1 处理node.js版本**

**我这里使用的mvn版本是1.1.10，好像低版本的也会报错，node版本如果大于17.0.0，好像会在执行运行命令 npm run dev时会报错，所以建议使用node.js版本是16.0.0。**

**发表这篇文章的目的也是为了自己以后能用到，希望也能给大家来带一定的帮助。**

**这里建议使用**使用nvm管理切换node版本,mvn的安装有很多教程，请参考连接：

[多个Node.js版本之间切换 - 博客码农 - 博客园][Node.js_ - _ -]

Microsoft Windows [版本 10.0.19043.2251]
    (c) Microsoft Corporation。保留所有权利。
    
    C:\Users\联想>nvm -V
    
    Running version 1.1.10.
    
    Usage:
    
      nvm arch                     : Show if node is running in 32 or 64 bit mode.
      nvm current                  : Display active version.
      nvm install <version> [arch] : The version can be a specific version, "latest" for the latest current version, or "lts" for the
                                     most recent LTS version. Optionally specify whether to install the 32 or 64 bit version (defaults
                                     to system arch). Set [arch] to "all" to install 32 AND 64 bit versions.
                                     Add --insecure to the end of this command to bypass SSL validation of the remote download server.
      nvm list [available]         : List the node.js installations. Type "available" at the end to see what can be installed. Aliased as ls.
      nvm on                       : Enable node.js version management.
      nvm off                      : Disable node.js version management.
      nvm proxy [url]              : Set a proxy to use for downloads. Leave [url] blank to see the current proxy.
                                     Set [url] to "none" to remove the proxy.
      nvm node_mirror [url]        : Set the node mirror. Defaults to https://nodejs.org/dist/. Leave [url] blank to use default url.
      nvm npm_mirror [url]         : Set the npm mirror. Defaults to https://github.com/npm/cli/archive/. Leave [url] blank to default url.
      nvm uninstall <version>      : The version must be a specific version.
      nvm use [version] [arch]     : Switch to use the specified version. Optionally use "latest", "lts", or "newest".
                                     "newest" is the latest installed version. Optionally specify 32/64bit architecture.
                                     nvm use <arch> will continue using the selected version, but switch to 32/64 bit mode.
      nvm root [path]              : Set the directory where nvm should store different versions of node.js.
                                     If <path> is not set, the current root will be displayed.
      nvm [--]version              : Displays the current running version of nvm for Windows. Aliased as v.
    
    
    C:\Users\联想>nvm ls
    
        17.7.2
      * 16.0.0 (Currently using 64-bit executable)
    
    C:\Users\联想>

**达到这一步算是把node.js版本切换给更明白了。**

**2.1.2**

建议使用python2.7以上版本，千万不要使用python3.0以上版本，因为有些框架下载不成功，

如果使用过低的版本在VScode和pycharm 中配置多环境版本时没办法识别。

**npm install 命令 要运行在python 2.x.x版本上，因为它不解析python 3.x.x版本**

**当然还需要配置可以切换的python 版本**

**配置方法见连接：**

[Windows系统中Python多版本环境配置 - 知乎][Windows_Python_ -]

C:\Users\联想>python22 -V
    Python 2.2
    
    C:\Users\联想>python27 -V
    Python 2.7.8
    
    C:\Users\联想>python39 -V
    Python 3.9.7
    
    C:\Users\联想>

**2.1.3**

关于git命令的使用以及配置远程GitHub仓库建议参考哔哩哔哩视频，：

[7.git的下载与安装\_哔哩哔哩\_bilibili][7.git_bilibili]

如果git命令报错可以参考我的原创解决方案：

[CSDN![icon-default.png_t_M85B][]https://mp.csdn.net/mp\_blog/creation/editor/128065739][CSDN_icon-default.png_t_M85B_https_mp.csdn.net_mp_blog_creation_editor_128065739]

**3.1.0**

**当你修改完这些安装环境后，就可以按照官网上的命令挨个的执行了，没有一点问题，亲测有效。**

**而且一点也没报错，也不用像其他博主那样修改这个修改那个了。**

# 克隆项目
    git clone https://github.com/PanJiaChen/vue-element-admin.git
    
    # 进入项目目录
    cd vue-element-admin
    
    # 安装依赖
    npm install
    
    # 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
    npm install --registry=https://registry.npm.taobao.org
    
    # 本地开发 启动项目
    npm run dev

[https_download.csdn.net_download_qq_61920297_87192419]: https://download.csdn.net/download/qq_61920297/87192419
[_ _ vue-element-admin]: https://panjiachen.github.io/vue-element-admin-site/zh/guide/#%E7%9B%AE%E5%BD%95%E7%BB%93%E6%9E%84
[70418bb0af084d5ebe6a66d567e47f6d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/5cca1e23c33443caa61b1a88d8cf9128.png
[5dee94adfe2a425b9122c93a02746409.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/f6f99a36993f4dacb4cea6622eacfaaa.png
[Node.js_ - _ -]: https://www.cnblogs.com/wang-wen-jun/p/16593541.html
[Windows_Python_ -]: https://zhuanlan.zhihu.com/p/453257437
[7.git_bilibili]: https://www.bilibili.com/video/BV1ua41167Ma?p=7&vd_source=bc0619988a61de5747dd3449a7b79d8f
[icon-default.png_t_M85B]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/d181c970d3354a72a54383b5cb870f95.png
[CSDN_icon-default.png_t_M85B_https_mp.csdn.net_mp_blog_creation_editor_128065739]: https://mp.csdn.net/mp_blog/creation/editor/128065739