Windows下如何安装nodejs+npm

  • 使用前掌握3个东西是用来干什么的
  • 开始安装
  • 开始配置

使用前掌握3个东西是用来干什么的

1. npm:Nodejs下的包管理器
2. webpack:它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包

3. vue-cli: 用户生成Vue工程模板(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装)

开始安装

怎么使用npm安装axios_vue.js

nodejs官网下载安装包,双击开始进行安装

nodejs百度网盘链接:https://pan.baidu.com/s/1hKk4h-z-WzxOGU5vCrhXTw 提取码:tp37

怎么使用npm安装axios_windows_02


可以使用默认路径,也可自行修改为D:\nodejs

怎么使用npm安装axios_windows_03


一路点Next

怎么使用npm安装axios_vue.js_04


点Finish完成

开始配置

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

怎么使用npm安装axios_node.js_05

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

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

怎么使用npm安装axios_node.js_06

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

怎么使用npm安装axios_node.js_07

然后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安装axios_vue.js_08

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

npm config list 

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

怎么使用npm安装axios_环境变量_09


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

没有文本编辑器的可以使用txt文档打开,或者点击以下链接进行下载
链接:https://pan.baidu.com/s/1stCw0p9e8YOnlbKf6dHF6Q 提取码:6vx6

怎么使用npm安装axios_vue.js_10

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

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

怎么使用npm安装axios_怎么使用npm安装axios_11


怎么使用npm安装axios_windows_12

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

怎么使用npm安装axios_windows_13

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