安装nodejs和安装webpack的各种错，安装到崩溃，最后成功了，分享一波

由于之前就安装了nodejs ,但是今天在学习项目的时候要进行前端的包打理，根据文档，各种安装不成功webpack，当时心里都要崩溃了，于是我果断卸载了，卸载完成后安装更崩溃了，各种崩溃了
于是就开始找资料

第一步，如果你是用软件卸载nodejs的话，可能会出现问题
各种报错，下面是在windows下把nodejs,卸载干净的做法

如何从Windows中删除Node.js：
1.从卸载程序卸载程序和功能。

2.重新启动（或者您可能会从任务管理器中杀死所有与节点相关的进程）。

3.寻找这些文件夹并删除它们（及其内容）（如果还有）。根据您安装的版本，UAC设置和CPU架构，这些可能或可能不存在：

C:\Program Files (x86)\Nodejs
C:\Program Files\Nodejs
C:\Users{User}\AppData\Roaming\npm（或%appdata%\npm）
C:\Users{User}\AppData\Roaming\npm-cache（或%appdata%\npm-cache）

4.检查您的%PATH%环境变量以确保没有引用Nodejs或npm存在。

5.如果仍然没有卸载，请where node在命令提示符下键入，您将看到它所在的位置 - 删除（也可能是父目录）。

6.重新启动，很好的措施。
这是一个博主的https://www.cnblogs.com/fighxp/p/7410235.html

其中我还把那在cmd 命令下的 npm config ls 下的文档也删除干净了 这个路径应该很快就能找到了

第二步，在此我建议安装最新版，因为 不是最新版的 nodejs 安装webpack的话，你需要指定版本、
1.NodeJS
NodeJS:基于V8引擎可用于执行JS的平台

npm:包管理工具，用于从NPM服务器上传/下载依赖包；

1.1 NodeJS安装
下载地址：https://nodejs.org/en/ 推荐LTS版本

备注：LTS:稳定版 Current:最新版

2.安装步骤：一路Next即可（安装路径无中文）

3.确认版本：

node -v
1.2 修改NodeJS安装模块路径：
假设第2步NodeJS安装路径是F:\nodejs\ 而通过npm下载的模块包默认在C盘，会造成文件积压在C盘

为了让下载的模块包放在NodeJS安装目录中，需要进行以下步骤：

1.在nodejs根目录中依次创建node_global与node_cache文件夹,并在node_global文件夹中创建node_modules文件夹

2 修改prefix和cache:

在该目录下打开命令窗口，依次执行下列两条命令：

设置全局目录
npm config set prefix “F:\nodejs\node_global”
设置缓存目录
npm config set cache “F:\nodejs\node_cache”
配置NodeJS环境变量
先进入 我的电脑-属性-高级系统设置-环境变量

添加系统变量：添加NODE_HOME

NODE_PATH //名称
F:\nodejs\node_global\node_modules
修改用户变量：编辑Path,将指向C盘的Npm修改为指向NodeJS的node_global文件夹

特别提示：修改的是上方的用户变量中的Path

备注：

1.系统变量中的Path有个指向nodejs的安装路径无需修改；

2.若通过Npm下载的模块在执行时出现不是内部/外部命令，在安装正常前提下，重新检查npm这三处环境变量；

1.3 配置镜像源:
先说下原因，由于npm服务器在国外，通过npm install模块时容易出现卡顿现象，为了减少卡顿，这里需要切换使用国内镜像或者使用其他工具下载模块(比如说cnpm,yarn等)；

1 下载nrm (方便切换镜像源的工具)

npm install -g nrm --registry https://registry.npm.taobao.org

// -g 全局安装，会将下载的依赖包安装到npm全局目录(node_global，后续不再说明)中；
2 设置镜像源 使用淘宝镜像

nrm use taobao

//备注 可通过nrm ls 查看全部镜像源

2.Webpack
webpack:基于NodeJS的打包工具；

2.1 Webpack安装
webpack分为本地安装和全局安装两种；

本地安装（推荐）：
将webpack安装在本地项目的node_modules文件夹中，仅针对本项目有效；

• 备注 若webpack版本>4+，需要先安装webpack-cli

npm install -save-dev webpack-cli

npm install -save-dev webpack

npm install -save-dev webpack@ //安装指定版本的webpack

// -save-dev 将模块安装到项目目录下，并在package文件的devDependencies节点写入依赖
安装webpack

注意：本地安装后，会生成node_modules文件夹和package.json；

node_modules：本项目专属的一个存放模块包的文件夹；

package.json:类似于maven的pom，记录引入的模块及版本等信息；

全局安装：
将webpack安装在nodejs的node_modules文件夹中

npm install -g webpack

npm install -g webpack@
安装完成后通过webpack -v查看版本即表示安装成功

作者：依旧灬清风
来源：CSDN
原文：https://blog.csdn.net/h675107964/article/details/91954591
版权声明：本文为博主原创文章，转载请附上博文链接！

之后安装cnpm 指定淘宝镜像等等

安装webpack，出现下面的报错

是提醒你用全局的变量的方法安装cli

最后输入 webpack -v 就可以了