vue | 不同系统 清理文件的方式

省流总结：

  清理文件的几种写法：

① 手动清理 dist 文件  rm -rf dist（mas的写法），在重新运行 npm run build

②   rd /s /q 要删除的文件名（Windows 的 CMD 写法）

③    Remove-Item -Recurse -Force 要删除的文件名（✔ Windows PowerShell 的写法）【vue常用写法，注意是 强制删除！不要删除错了】

• -Recurse：递归删除

• -Force：强制删除（包括只读文件）

④   npx rimraf 要删除的文件 （跨平台）彻底清理构建缓存（如 npx rimraf node_modules dist——》要重新 npm install，再构建

---

通常在重新运行和重新构建前，需要清理文件和缓存。如下是几种

清理文件的方式    

1. 清理文件夹：根据你的系统选择合适的命令。

   • macOS / Linux（使用 rm -rf 来递归删除。删完 需重新构建）:

     rm -rf dist

   • Windows CMD（ 其中，rd 删除，/s 表示删除所有文件， /q 表示静默模式 不询问确认。删完 要重新构建）:

     rd /s /q dist

   • Windows PowerShell（其中，Remove-Item  删除，-Recurse  递归删除，-Force 强制删除 包含只读文件。删完，要重新运行 npm run build 进行构建）:

     Remove-Item -Recurse -Force dist

   • 使用 npx rimraf（彻底清理构建缓存）（跨平台，特别使用Windows和类Unix系统）（使用 npx，会自动下载并执行 rimraf，不需要全局安装。删完，需要重新 npm install 和 npm run build ）:

     npx rimraf dist

2. 清理缓存 node_modules（如果需要）：
   清理 node_modules 和构建缓存，可以使用 rimraf 来删除 node_modules 文件夹：

   npx rimraf node_modules

3. 重新安装依赖并构建：
   在删除了 dist 或 node_modules 后，需要重新安装依赖和重新构建项目：

   # 依次运行命令
   npm install 
   npm run build

这样就可以确保你在清理文件和缓存后，项目能够重新构建并正常工作。

---

dist 是构建打包生成的文件夹， node_modules 是缓存文件夹，通常安装依赖之后还有一个 package-lock.json 文件夹。——》这三个文件夹在重新构建时 都可以将其删除。

---

例子：macOS