如何在Windows环境下安装nodejs与npm

如何在Windows环境下安装nodejs+npm

在安装前我们先来看看这3个东东是用来做什么的:

  1. npm:Nodejs下的包管理器;
  2. webpack:它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包;
  3. vue-cli:用户生成Vue工程模板(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装)。

开始安装

到nodejs官网下载安装包

nodejs官网下载安装包

双击开始进行安装,选择需要安装的路径,可以使用默认路径,也可自行修改为D:\nodejs:

双击开始进行安装

如何在Windows环境下安装nodejs+npm

一路点Next,直到点Finish完成:

点Finish完成

开始配置

安装好后找到nodejs文件夹打开后可以发现以下图片内容:

开始配置node.js

运行CMD执行以下命令-检查版本及环境变量是否正常:

echo %PATH%  检查环境变量
npm -v    查看npm版本
node -v   查看node版本

运行CMD执行以下命令

接下来更改设置缓存目录路径,npm的本地仓库在系统C盘中,如下图建立2个目录文件夹:

建立2个目录文件夹

然后CMD执行以下几条命令:

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
npm list -global // 执行以上2条后,运行这条命令可以发现本地仓库路径已经改变了

执行以下命令-配置镜像站:

npm config set registry=http://registry.npm.taobao.org

配置镜像站

输入以下命令显示所有配置信息:

npm config list 

// 我们关注一个配置文件
C:\Users\Administrator\.npmrc

显示所有配置信息

使用文本编辑器编辑它,可以看到刚才的配置信息。

文本编辑器编辑配置信息

接下来执行以下命令升级npm模块,效果如图所示:

npm config get registry // 检查一下镜像站命令是否可行
npm install npm -g   //升级npm

升级npm模块

再次查看global里有什么模块:

再次查看global里有什么模块

注意,此时,默认的模块D:\nodejs\node_modules目录,将会改变为D:\nodejs\node_global\node_modules目录,如果直接运行npm install等命令会报错的,所以需要我们配置node_modules的环境变量,如下图:

配置node_modules的环境变量

注意:以上操作配置完成后需要重新打开CMD让配置的环境变量生效。

相关文章推荐:

「点点赞赏,手留余香」

0

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有资源及文章均来源于网络及用户分享或为本站原创,仅限用于学习和研究,任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » 如何在Windows环境下安装nodejs与npm

发表评论

IT互联网行业相关广告投放 更专业 更精准

立即查看 联系我们