IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> 如何解决 vue-element-admin npm install 报错多的问题? -> 正文阅读

[开发工具]如何解决 vue-element-admin npm install 报错多的问题?

原文地址:https://www.yii666.com/learning/vue/138.html

一步一步解决?vue-element-admin npm install 报错多的问题

本文章将一步一步解决?vue-element-admin npm install 安装的时候报错很多的问题。我们来一个一个解决,最后实现能运行。

有兴趣可以加入QQ群?518187476?来聊聊你遇到的问题。

前期准备


1、?Git?命令行工具?查看 git 工具使用问题,点击查看

2、安装?Nodejs

3、安装?npm?包管理工具

以下是本次安装所使用工具的版本

如何解决 vue-element-admin npm install 报错多的问题?

第一步,使用 Git 拷贝项目到本地


使用以下命令拷贝项目,如果 https 地址不行,可以试试 ssh,还是不行请?查看解决方法?,请勿重复拷贝项目,一次就可以。

?git?clone?https://github.com/PanJiaChen/vue-element-admin.git

或者

git?clone?git@github.com:PanJiaChen/vue-element-admin.git

image.png

第二步,查看手册


手册是学习新知识必备的东东,基本上能解决你大部分的东西。

手册位置:

Gitee

介绍 | vue-element-admin

Github

介绍 | vue-element-admin

打不开的解决方案:点击查看

第三步,安装 node-sass(请查看所需版本)


手册上有说明,所以第二步查看手册学习也很重要。

安装之后,能解决很大部分为题,安装后我们接着看第四步,看看还有什么报错没有?

如何解决 vue-element-admin npm install 报错多的问题?

第四步,正式安装开始与排错(最终还是报错)


1、先设置好国内镜像,然后使用命令进行安装

npm?config?set?registry?https://registry.npm.taobao.org?--global
npm?config?set?disturl?https://npm.taobao.org/dist?--global
npm?install

警告错误(npm WARN?)可以先忽略,主要是 npm的致命错误(npm ERR!)

2、安装过程出现以下错误

? ?(1)、node-sass 报错使用命名安装后重新 npm install

npm?i?node-sass?--sass_binary_site=https://npm.taobao.org/mirrors/node-sass

? ?(2)、出现了其他问题现在进行重复 npm install

//出现的错误不重复,就多次安装
npm?install

? ?(3)、报错? npm ERR! gyp ERR! ,运行命令后继续 执行 npm install

npm?install?-g?node-gyp

????

第四步:这是我成功的步骤


前置:

? ? ? 系统:Windows7

? ? ? Nodejs 版本 v12

? ? ? 命令工具: git , cmd,Visual Studio Code

步骤:

? ? ? 1、通过 git clone 下载

? ? ? 2、在 git 上面按照文档运行了几次,报错(命令如下)

#?克隆项目
git?clone?https://github.com/PanJiaChen/vue-element-admin.git

#?进入项目目录
cd?vue-element-admin

#?安装依赖,报错
npm?install

#?安装依赖,报错
npm?install?--registry=?

#?多次安装?还是报错#?

npm?install

? ? ??3、通过本地的 cmd 运行安装命令,还是是报错

#cmd?运行安装命令还是报错
npm?i

? ? ??4、打开 VsCode,通过快捷键,Ctrl + ~ 打开 终端,运行 npm i 安装 ,成功了!!!!!!

图片1:

一步一步解决 vue-element-admin npm install 报错多的问题

图片2:

一步一步解决 vue-element-admin npm install 报错多的问题

总结用到的命令


 
#查看版本
?git?--version
?npm?-v
?node?-v
?
?#拷贝项目
?git?clone?https://github.com/PanJiaChen/vue-element-admin.git
?
?#拷贝完成后进入所在项目目录
?cd?vue-element-admin
?
?#设置npm镜像为国内地址,并且进行安装
?npm?install?--registry=https://registry.npm.taobao.org
?
?#?过?Git??运行?npm?install?有报错
?#?通过自带的?cmd??运行??npm?i?有报错
?#?通过?Visual?Studio?Code?自带的终端,运行?npm?i?竟然成功了!!!
  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2021-10-23 12:42:09  更:2021-10-23 12:43:20 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/15 23:31:37-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码