Vue下载安装步骤的详细教程(亲测有效) 1

news/2024/4/20 1:08:13/文章来源:https://blog.csdn.net/qq_45956730/article/details/129238894

目录

一、【准备工作】nodejs下载安装(npm环境)

1 下载安装nodejs

2 查看环境变量是否添加成功

3、验证是否安装成功

4、修改模块下载位置

(1)查看npm默认存放位置

(2)在 nodejs 安装目录下,创建 “node_global” 和 “node_cache” 两个文件夹,

(3)修改默认文件夹,

(4)测试默认位置是否更改成功

解决报错:执行命令npm install express -g失败

二、 【准备工作】 设置淘宝镜像

1、将npm默认的registry修改为淘宝registry

2、全局安装基于淘宝源的cnpm

解决问题:执行npm install cnpm-g没报错,但也没出现cnpm文件夹怎么弄


一、【准备工作】nodejs下载安装(npm环境)

注意:node版本必须大于8.9。

下载地址Node.js

1 下载安装nodejs

(1)下载安装包

(2)双击安装包,点击Next,勾选使用许可协议,点击Next,

选择安装位置(可根据个人情况更换路径,我这里选择安装在D:\my_ruanjian\nodejs)

 继续点击Next,这里不用选择安装其他的插件,直接点下一步点击Next,

点击Install,点击 Finish(完成)按钮退出安装向导。 

 

2 查看环境变量是否添加成功

(1)进入环境变量,编辑【系统变量】下的变量【Path】,检测PATH环境变量是否配置了Node.js,

 可以看到已经有环境变量了。

3、验证是否安装成功

进入cmd命令行窗口,输入node -v查看nodejs版本,

node -v

(2)输入npm -v查看npm版本,

npm -v

如下图所示,即为安装成功,

ok,说明已经安装成功了。

4、修改模块下载位置

此步骤修改以后npm全局下载模块的保存位置,可根据自身情况选择是否更改。

(1)查看npm默认存放位置

使用npm get prefix查看npm全局模块的存放路径,

npm get prefix

使用npm get cache查看npm缓存默认存放路径,

npm get cache

如上图所示,npm 全局模块存放位置以及cache的存放位置,默认是在 C 盘 “C:\Users\用户\AppData” 下。

(2)在 nodejs 安装目录下,创建 “node_global” 和 “node_cache” 两个文件夹,

(3)修改默认文件夹,

设置全局模块的安装路径到 “node_global” 文件夹,

npm config set prefix "D:\my_ruanjian\nodejs\node_global"

设置缓存到 “node_cache” 文件夹,

npm config set cache "D:\my_ruanjian\nodejs\node_cache"

如下图所示:

注意:

(1)由于 node 全局模块大多数都是可以通过命令行访问的,还要把【node_global】的路径“D:\my_ruanjian\nodejs\node_global”加入到【系统变量 】下的【PATH】 变量中,方便直接使用命令行运行,如下图所示:

(2)在“系统变量”中新建一个名为NODE_PATH的变量,变量值为 node安装目录,

 依次点击“确认”退出环境变量界面

(3)在nodejs的安装目录中找到node_modules\npm\npmrc文件(windows中文件名不带点(.)),修改如下,

 

 如此修改后,将模块全局安装的默认路径修改到NodeJS下,且程序能正常访问到。

(4)测试默认位置是否更改成功

经过上面的步骤,nodejs下载的模块就会自动下载到我们自定义的目录,接下来我们测试一下是否更改成功。输入下面的命令:

npm install express -g
或者
npm install express --global

注意:“-g”等同于“–global”,“-g” 是全局安装,不加“-g”就是默认下载到当前目录。

“-g” 表示安装到之前设置的【node_global】目录下,同时nodejs会自动地在node_global文件夹下创建【node_modules】子文件夹, 即自动下载到“D:\my_ruanjian\nodejs\node_global\node_modules” 路径下。

解决报错:执行命令npm install express -g失败

若执行命令npm install express -g出现如下报错:

原因:是由于对文件夹操作的权限不够,

解决方法

(1)删除C:\Users\Administrator下的.npmrc文件(若不知道文件路径在哪,用cmd 搜索下即可)

删除.npmrc文件后执行以下命令,

npm cache clean --force

(2)右击Nodejs文件夹->属性->安全,点击编辑,将所有权限都✔即可。 

 再次执行,

npm install express -g
或者
npm install express --global

 ok,问题成功解决。

如果执行npm install express -g仍然出错的话继续将nodejs下【node_cache】、【node_global】、【node_modules】这三个文件夹的所有权限勾选,再次执行。

 express模块成功,然后在文件管理器中查看是否保存到上面自定义的路径下,

 

可以看到,express模块已经成功地下载到【E:\devTools\nodejs\node_global\node_modules】下。

二、 【准备工作】 设置淘宝镜像

1、将npm默认的registry修改为淘宝registry

说明:npm 默认的 registry ,也就是下载 npm 包时会从国外的服务器下载,国内下载会很慢,一般更换为淘宝镜像:https://registry.npm.taobao.org。

(1) 查看当前使用的镜像路径,

npm config get registry

(2)更换npm为淘宝镜像,

npm config set registry https://registry.npm.taobao.org/

然后检查镜像是否配置成功,再次执行npm config get registry,检查当前的镜像路径,

npm config get registry

如上图所示,npm默认的registry已修改为淘宝registry。

2、全局安装基于淘宝源的cnpm

说明:由于npm的服务器在海外,所以访问速度比较慢,访问不稳定 ,cnpm的服务器是由淘宝团队提供,服务器在国内,cnpm是npm镜像,一般会同步更新,相差在10分钟,所以cnpm在安装一些软件时候会比较有优势。但是cnpm一般只用于模块安装,在项目创建与卸载等相关操作时仍使用npm。

(1)全局安装基于淘宝源的cnpm,

npm install -g cnpm --registry=https://registry.npm.taobao.org

解决问题:执行npm install cnpm-g没报错,但也没出现cnpm文件夹怎么弄

原因:应该是模块全局模式(-g)下的默认安装路径,没有配置成功,导致又安装到了c盘下。

解决方法

(1)查看自己的系统Path变量,如果没有,就增加如下路径:

在“系统变量”中新建一个名为NODE_PATH的变量,变量值为 node安装目录,

(2)在nodejs的安装目录中找到node_modules\npm\.npmrc文件(windows中文件名带点(.)),修改如下:

registry=https://registry.npm.taobao.org/
prefix=${NODE_PATH}\node_global
cache=${NODE_PATH}\node_cache

同时,还要修改C盘用户文件夹下的这个.npmrc文件,

 

总之,修改所有能找到的.npmrc文件(我由于第一次安装失败,导致我一共修改了3个.npmrc文件),都进行修改才能模块全局安装的默认路径修改到NodeJS下,且程序能正常访问到。

(3)重新执行安装命令,

npm install -g cnpm --registry=https://registry.npm.taobao.org

本地查看cnpm模块是否安装成功,

 (2)本地查看cnpm模块是否安装成功,

或者,执行命令查看cnpm是否安装成功,

cnpm -v

如下图所示,即代表cnpm配置成功。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_74721.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Java查漏补缺(14)数据结构剖析、一维数组、链表、栈、队列、树与二叉树、List接口分析、Map接口分析、Set接口分析、HashMap的相关问题

Java查漏补缺(14)数据结构剖析、一维数组、链表、栈、队列、树与二叉树、List接口分析、Map接口分析、Set接口分析、HashMap的相关问题本章专题与脉络1. 数据结构剖析1.1 研究对象一:数据间逻辑关系1.2 研究对象二:数据的存储结构…

Laravel框架04:视图与CSRF攻击

Laravel框架04:视图与CSRF攻击一、视图概述二、变量分配与展示三、模板中直接使用函数四、循环与分支语法标签五、模板继承、包含1. 继承2. 包含六、外部静态文件引入七、CSRF攻击概述八、从CSRF验证中排除例外路由一、视图概述 视图存放在 resources/views 目录下…

MyBatis学习笔记(七) —— 特殊SQL的执行

7、特殊SQL的执行 7.1、模糊查询 模糊查询的三种方式: 方式1:select * from t_user where username like ‘%${mohu}%’ 方式2:select * from t_user where username like concat(‘%’,#{mohu},‘%’) 方式3:select * from t_u…

收集分享一些AI工具第三期(网站篇)

感谢大家对于内容的喜欢,目前已经来到了AI工具分享的最后一期了,目前为止大部分好用的AI工具都已经介绍给大家了,希望大家可以喜欢。 image-to-sound-fx (https://huggingface.co/spaces/fffiloni/image-to-sound-fx) 图片转换为相对应的声音…

2.27 junit5常用语法

一.了解junitjunit是一个开源的java单元测试框架,java方向使用最广泛的单元测试框架.所需要的依赖<dependencies><!-- https://mvnrepository.com/artifact/org.seleniumhq.selenium/selenium-java --><dependency><groupId>org.seleniumhq.selenium&l…

笔记本触摸板没反应怎么办?处理方法看这些

触摸板在笔记本电脑中是非常重要的一部分&#xff0c;很多用户都会选择使用触摸板代替鼠标。然而&#xff0c;有时你可能会发现&#xff0c;你的笔记本电脑触摸板没反应&#xff0c;无法正常使用。这对于日常使用来说是非常困扰的&#xff0c;但不用担心&#xff0c;我们将在这…

react源码解析10.commit阶段

在render阶段的末尾会调用commitRoot(root);进入commit阶段&#xff0c;这里的root指的就是fiberRoot&#xff0c;然后会遍历render阶段生成的effectList&#xff0c;effectList上的Fiber节点保存着对应的props变化。之后会遍历effectList进行对应的dom操作和生命周期、hooks回…

【数据结构】知识点总结(C语言)

线性表、栈和队列、串、数组和广义表、树和二叉树、图、查找、排序线性表线性表&#xff08;顺序表示&#xff09;线性表是具有相同特性元素的一个有限序列&#xff0c;数据元素之间是线性关系&#xff0c;起始元素称为线性起点&#xff0c;终端元素称为线性终点。线性表的顺序…

sed 功能详解

介绍sedsed是一种流编辑器&#xff0c;它一次处理一行内容&#xff0c;把当前处理的行存储在临时缓冲区中&#xff08;buffer&#xff09;,称为"模式空间"&#xff0c;接着sed命令处理缓冲区中的内容&#xff0c;处理完成后&#xff0c;把缓冲区的内容送往屏幕&#…

RCEE: Event Extraction as Machine Reading Comprehension 论文解读

RCEE: Event Extraction as Machine Reading Comprehension 论文&#xff1a;Event Extraction as Machine Reading Comprehension (aclanthology.org) 代码&#xff1a;jianliu-ml/EEasMRC (github.com) 期刊/会议&#xff1a;EMNLP 2020 摘要 事件提取(Event extraction,…

哪个品牌蓝牙耳机性价比高?性价比高的平价蓝牙耳机推荐

现如今&#xff0c;随着蓝牙技术的进步&#xff0c;蓝牙耳机在人们日常生活中的便捷性更胜从前。越来越多的蓝牙耳机品牌被大众看见、认可。那么&#xff0c;哪个品牌的蓝牙耳机性价比高&#xff1f;接下来&#xff0c;我给大家推荐几款性价比高的平价蓝牙耳机&#xff0c;一起…

软件测试面试问答

笔试 笔试的话我们需要揣测具体会考什么内容&#xff0c;我们可以通过招聘信息去了解该公司需要什么样的技能&#xff0c;以此来准备笔试。一般必考的内容会有编程&#xff0c;测试用例设计&#xff0c;工作流程&#xff0c;逻辑思维等内容&#xff0c;除此之外每个公司可能还会…

移动端监听物理返回

业务场景&#xff1a;用户没有填完数据却不小心点到了回退按钮&#xff0c;此时需要展示确认弹框项目场景&#xff1a;vue2 uni-app Chrome Dev调试工具代码片段&#xff1a;onLoad(options){// 将当前url地址添加到浏览器的历史记录中window.history.pushState(null, null, …

OSI和TCP/IP网络模型细讲

文章目录一、OSI七层参考模型二、TCP/IP体系结构三、TCP/IP参考模型四、沙漏计时器形状的TCP/IP协议族五、两种国际标准对比相似之处不同之处一、OSI七层参考模型 OSI参考模型共分为7层&#xff0c;低三层面向通信&#xff0c;可用软硬件实现&#xff1b;高三层面向信息处理&am…

一个基于 LKM 的 Linux 内核级 rootkit 的实现

博客已迁移至&#xff1a;https://gls.show/ GitHub链接 演示Slides overview rootkit是一种恶意软件&#xff0c;攻击者可以在获得 root 或管理员权限后安装它&#xff0c;从而隐藏入侵并保持root权限访问。rootkit可以是用户级的&#xff0c;也可以是内核级的。关于rootk…

Android 实现菜单拖拽排序

效果图简介本文主角是ItemTouchHelper。它是RecyclerView对于item交互处理的一个「辅助类」&#xff0c;主要用于拖拽以及滑动处理。以接口实现的方式&#xff0c;达到配置简单、逻辑解耦、职责分明的效果&#xff0c;并且支持所有的布局方式。功能拆解功能实现4.1、实现接口自…

ARM的工作模式和37个寄存器

一、ARM的工作模式 ARM一共有7种工作模式 模式含义User非特权模式&#xff0c;大部分任务执行在这种模式FIQ当一个高优先级&#xff08;fast) 中断产生时将会进入这种模式IRQ当一个低优先级&#xff08;normal) 中断产生时将会进入这种模式Supervisor当复位或软中断指令执行时…

CISP注册信息安全专业人员证书

一、什么是“CISP”&#xff1f; 注册信息安全专业人员(Certified Information Security Professional&#xff0c;简称“CISP”)&#xff0c;是安全行业最为权威的安全资格认证&#xff0c;由中国信息安全测评中心统一授权组织&#xff0c;中国信息安全测评中心授权培训机构进…

GMP洁净净化车间布局建设|喜格净化设计建设

GMP洁净净化车间布局建设方案应该根据具体的生产流程、工艺要求和产品特点进行设计。以下喜格SICOLAB基本的设计原则和注意事项&#xff1a;&#xff08;1&#xff09;设计洁净度级别&#xff1a;根据产品特点和生产工艺要求&#xff0c;确定洁净度级别&#xff0c;一般分为100…

OpenCV 图像轮廓检测

本文是OpenCV图像视觉入门之路的第15篇文章&#xff0c;本文详细的介绍了图像轮廓检测的各种操作&#xff0c;例如&#xff1a;轮廓检索模式、轮廓逼近算子等操作。 图像轮廓是具有相同颜色或灰度的连续点的曲线&#xff0c;轮廓在形状分析和物体的检测和识别中很有用。图像轮廓…