使用前掌握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让配置的环境变量生效'''