在前端开发中，我们经常需要进行文件或文件夹的操作，而且这些操作必须是跨平台的。Node.js 的 file system (fs) 模块可以帮我们完成文件操作，但是，它是基于 Node 环境的模块，不能直接在浏览器中使用，因此我们需要使用一些跨平台库，例如 temp。
temp 是一个用于创建临时文件和文件夹的 JavaScript 库，它支持在 Node.js 和浏览器中使用。如果你想在你的 TypeScript 或者 JavaScript 代码中使用 temp，你需要安装 @types/temp 包，这个包会为你的代码增加类型定义。
下面是关于如何在 TypeScript 或者 JavaScript 中使用 @types/temp 的详细教程。
安装 @types/temp
你可以使用 npm 安装 @types/temp，命令如下：
npm install --save-dev @types/temp
注意：@types/temp 是一个类型定义库，它只是为了让 TypeScript 编译器识别 temp 库的类型，因此它是作为 devDependency 安装的。
使用 @types/temp
使用 temp 库非常简单，下面是一个基本的使用示例：
-- -------------------- ---- ------- ------ - ----- --- - ---- ------- -- -------- ---------- --------- -- - -- ----- ----- ---- ---------------------- --- -- --------- --------- -------- -- - -- ----- ----- ---- --------------------- ---
在上面的示例中，我们使用 ES6 的 import 语句引入了 temp 库的 file 和 dir 方法，这两个方法可以异步的创建一个文件或者文件夹，并返回文件或文件夹的路径。
当你运行以上代码时，你会看到一个类似于以下内容的输出：
/tmp/temp-1234/file-1 /tmp/temp-1234/dir-2
在输出中，/tmp/temp-1234 是一个临时文件夹的路径（这个路径是在运行 temp 库的时候自动生成的），file-1 和 dir-2 则是我们异步创建的文件和文件夹的名称。
需要注意的是，temp 库创建的文件和文件夹只是临时的，当你的应用程序退出时，它们会被删除。
实现自定义的临时文件名和临时文件夹名
temp 库默认会根据当前时间创建临时文件名和临时文件夹名，但是我们也可以为它们自定义名称，需要注意的是，我们自定义的名称必须包含在目录名中，并以 pid 模式结尾，pid 模式是一个用于代表进程 ID 的占位符，例如：
-- -------------------- ---- ------- ------ - ----- --- - ---- ------- ----- --------------- - --------------------------- ----- -------------- - ----------------------- -- -------- ------ ----- --------------- -- ----- --------- -- - -- ----- ----- ---- ---------------------- --- -- --------- ----- ----- -------------- -- ----- -------- -- - -- ----- ----- ---- --------------------- ---
在上面的代码中，我们使用 file 和 dir 方法的第一个参数来指定自定义的名称模式，myapp 是自己定义的前缀，{random} 表示使用随机数字来填充空白位置，{pid} 则表示使用当前进程的 pid 来填充空白位置。例如，当我们运行上面的代码时，它们的输出可能是这样的：
/tmp/myapp-12345-4321.txt /tmp/myapp-12345-4321
实现自定义的临时文件扩展名
默认情况下，temp 库创建的临时文件不带扩展名，但有时我们需要创建一个指定扩展名的文件，这可以通过指定 suffixes 参数来实现，例如：
-- -------------------- ---- ------- ------ - ---- - ---- ------- ----- --------------- - --------------------------- -- ---------- --- --- ------ ----- ---------------- ------- ------ -- ----- --------- -- - -- ----- ----- ---- ---------------------- ---
在上面的代码中，我们使用 suffix 参数来指定文件的扩展名为 .txt。
指定文件或文件夹的基本目录
temp 库默认会在系统的临时目录下创建临时文件和临时文件夹，但是我们也可以指定它们的基本目录，这可以通过调用 setGracefulCleanup 方法来实现，例如：
import { setGracefulCleanup } from 'temp';
setGracefulCleanup();在上面的代码中，我们调用了 setGracefulCleanup 方法，这个方法会设置 temp 库在程序退出时自动清理创建的文件和文件夹，如果你不调用这个方法，temp 库也会在程序退出时自动清理它所创建的临时文件和临时文件夹。
当我们使用 setGracefulCleanup 方法时，也可以指定一个基本目录，例如：
import { setGracefulCleanup } from 'temp';
setGracefulCleanup('/tmp/myapp');在上面的代码中，我们指定了一个基本目录 /tmp/myapp，这样 temp 库就会在这个目录下创建它所需要的临时文件和临时文件夹。
结语
本文介绍了如何在 TypeScript 或者 JavaScript 代码中使用 @types/temp 包，并提供了详细的示例代码和解释。通过本文，相信读者已经掌握了如何使用 temp 库创建临时文件和临时文件夹，并且能够用它来实现一些有意思的东西了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/types-temp