Vue项目删除node_modules的方法

Vue项目删除node_modules的方法

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

1. 打开PowerShell

首先,需要打开PowerShell。可以通过以下两种方式之一来实现:

  • 打开PowerShell,然后使用cd命令进入到Vue项目的目录下。

  • 直接在Vue项目的文件夹里右键空白区域,选择"打开PowerShell窗口"或"在此处打开终端"(这取决于操作系统和文件管理器设置)。

2. 运行删除命令

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

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

请注意,这条命令删除速度最快,也是最直接的方法。其他方法可能不如这个方法高效。

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

3. 重新安装依赖

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

复制代码
npm install

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

复制代码
yarn

4. 启动项目

最后,运行以下命令来启动的Vue项目:

arduino 复制代码
npm run serve

如果使用的是yarn,那么应该运行:

复制代码
yarn serve

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

完整的流程截图如下

相关推荐
wuhen_n2 小时前
Pinia状态管理原理:从响应式核心到源码实现
前端·javascript·vue.js
wuhen_n3 小时前
KeepAlive:组件缓存实现深度解析
前端·javascript·vue.js
前端付豪3 小时前
Nest 项目小实践之图书展示和搜索
前端·node.js·nestjs
wuhen_n3 小时前
Vue Router与响应式系统的集成
前端·javascript·vue.js
Ruihong3 小时前
《VuReact:下一代 Vue 3 -> React 智能编译工具,支持 SFC 与增量迁移》
vue.js
lemon_yyds3 小时前
vue 2 升级vue3 : ref 和 v-model 命名为同名
前端·vue.js
前端Hardy6 小时前
告别 !important:现代 CSS 层叠控制指南,90% 的样式冲突其实不用它也能解
前端·vue.js·面试
前端Hardy6 小时前
Vue 3 性能优化的 5 个隐藏技巧,第 4 个连老手都未必知道
前端·vue.js·面试
无责任此方_修行中7 小时前
如何利用 pnpm 的安全控制功能防御 npm 供应链攻击
javascript·npm·node.js
允许部分打工人先富起来7 小时前
在node项目中执行python脚本
前端·python·node.js