Vue项目删除node_modules的方法

Vue项目删除node_modules的方法

在Vue项目中，如果需要删除node_modules文件夹以重新安装依赖，可循迹的方案有很多，但大多删除速度缓慢，不实用，推荐下面这个方法，极快不卡顿！

1. 打开PowerShell

首先，需要打开PowerShell。可以通过以下几种方式之一来实现：

• 第一种：打开PowerShell，然后使用cd命令进入到Vue项目的目录下。

• 第二种：直接在Vue项目的文件夹里右键空白区域，选择“打开PowerShell窗口”或“在此处打开终端”（这取决于操作系统和文件管理器设置）。

• 有关于右键菜单有 cmd 或 PowerShell 可以详见这篇文章→鼠标右键添加自定义Cmd与Powershell【最全 最详细 含图标Icon】

• 第三种：通过 VS Code 自带的 PowerShell

• 第四种：开始菜单直接搜索 PowerShell

2. 运行删除命令

在PowerShell中，运行以下命令来删除node_modules文件夹及其内容：

Remove-Item -Force -Recurse node_modules

• -Force 参数用于强制删除，不询问确认。
• -Recurse 参数用于删除指定项及其所有子项，包括任何文件夹。

请注意，这条命令删除速度较快，也是最直接的方法。也有其他方法一样高效。

等待大概十来秒出现下面这种就代表删除成功↓

当然也有同志评论使用 rm -r -f node_modules 或 rm -rf node_modules 最快，其实命令是一样的，只不过简写了，上面给出的命令是全称，便于大家理解。

再来介绍另一种方案，使用 rimraf ，为什么推荐 rimraf ？​​

• ​​跨平台​​：在 Windows、Linux、macOS 上都能用。 ​​
• 稳定​​：比 rm -rf 或 Remove-Item 更能处理异常情况（如长路径、文件锁定）。
• 简单​​：只需一行命令，适合前端项目。

npm install rimraf -g

使用方法：进入项目根目录，执行：

rimraf node_modules

3. 重新安装依赖

在删除node_modules文件夹后，需要重新运行npm install来下载和安装项目所需的依赖：

npm install

或者，如果的项目使用yarn作为包管理器，那么应该运行：

yarn

4. 启动项目

最后，运行以下命令来启动的Vue项目：

npm run serve

如果使用的是yarn，那么应该运行：

yarn serve

现在，Vue项目应该已经重新安装了所有依赖，运行启动即可。

完整的流程截图如下 ↓