Windows下如何安装nodejs+npm
- 使用前掌握3个东西是用来干什么的
- 开始安装
- 开始配置
使用前掌握3个东西是用来干什么的
1. npm:Nodejs下的包管理器
2. webpack:它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包
3. vue-cli: 用户生成Vue工程模板(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装)
开始安装
nodejs官网下载安装包,双击开始进行安装
nodejs百度网盘链接:https://pan.baidu.com/s/1hKk4h-z-WzxOGU5vCrhXTw 提取码:tp37
可以使用默认路径,也可自行修改为D:\nodejs
一路点Next
点Finish完成
开始配置
安装好后找到nodejs文件夹打开后可以发现以下图片内容
运行CMD执行以下命令-检查版本及环境变量是否正常
echo %PATH% 检查环境变量
npm -v 查看npm版本
node -v 查看node版本
接下来更改设置缓存目录路径,npm的本地仓库在系统C盘中,如下图建立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
使用文本编辑器编辑它,可以看到刚才的配置信息
没有文本编辑器的可以使用txt文档打开,或者点击以下链接进行下载
链接:https://pan.baidu.com/s/1stCw0p9e8YOnlbKf6dHF6Q 提取码:6vx6
接下来执行以下命令升级npm模块,效果如图所示
npm config get registry 检查一下镜像站命令是否可行
npm install npm -g 升级npm
注意,此时,默认的模块D:\nodejs\node_modules 目录
将会改变为D:\nodejs\node_global\node_modules 目录,
如果直接运行npm install等命令会报错的
所以需要我们配置node_modules的环境变量 如下图
'''注意:以上操作配置完成后需要重新打开CMD让配置的环境变量生效'''