前言
在前端开发中，文件的操作是非常常见的操作，比如上传、删除、复制、移动等等。这些操作如果每次都手写的话，既浪费时间，又容易出错。那么有没有一款方便易用的 npm 包可以帮我们完成这些操作呢？答案是肯定的，就是我们今天要介绍的 npm 包：js-file-manager。
安装
安装非常简单，只需要使用 npm 即可安装：
npm install js-file-manager --save
快速上手
js-file-manager 的使用非常简单，我们可以先看下面这段代码:
-- -------------------- ---- ------- ----- ----------- - --------------------------- -- ----- ------------------------------- -- ----- --------------------------------- -- ---- ----------------------------------------- ------ ------------------ -- ------ ----- ------- - ----------------------------------------- ---------------------
这段代码展示了 js-file-manager 的一些基本用法。首先，我们需要调用 setRoot 方法，指定 js-file-manager 的根目录。然后，我们就可以使用 createDir 方法创建文件夹，使用 writeFile 方法写入文件，使用 readFile 方法读取文件内容，非常简单易懂。
使用方法详解
js-file-manager 支持的操作非常多，下面我们来一一介绍。
setRoot(root: string)
首先是 setRoot 方法，用于设置 js-file-manager 的根目录。这个方法必须调用，否则其他操作都无法进行。示例代码：
// 设置根目录
fileManager.setRoot('F:\\dir');createDir(path: string)
createDir 方法用于创建文件夹。参数 path 是文件夹的路径，可以是相对路径，也可以是绝对路径。示例代码：
// 创建文件夹
fileManager.createDir('testDir');deleteDir(path: string)
deleteDir 方法用于删除文件夹。参数 path 是文件夹的路径。示例代码：
// 删除文件夹
fileManager.deleteDir('testDir');writeFile(path: string, content: string)
writeFile 方法用于写入文件。参数 path 是文件的路径，可以是相对路径，也可以是绝对路径；参数 content 是要写入的内容。示例代码：
// 写入文件内容
fileManager.writeFile('testDir/test.txt', 'hello js-file-manager');readFile(path: string)
readFile 方法用于读取文件内容。参数 path 是文件的路径，可以是相对路径，也可以是绝对路径。示例代码：
// 读取文件内容
const content = fileManager.readFile('testDir/test.txt');
console.log(content);deleteFile(path: string)
deleteFile 方法用于删除文件。参数 path 是文件的路径，可以是相对路径，也可以是绝对路径。示例代码：
// 删除文件
fileManager.deleteFile('testDir/test.txt');copyFile(source: string, target: string)
copyFile 方法用于复制文件。参数 source 是原始文件的路径，可以是相对路径，也可以是绝对路径；参数 target 是目标文件的路径，可以是相对路径，也可以是绝对路径。示例代码：
// 复制文件
fileManager.copyFile('testDir/test.txt', 'testDir/test-copy.txt');moveFile(source: string, target: string)
moveFile 方法用于移动文件。参数 source 是原始文件的路径，可以是相对路径，也可以是绝对路径；参数 target 是目标文件的路径，可以是相对路径，也可以是绝对路径。示例代码：
// 移动文件
fileManager.moveFile('testDir/test.txt', 'testDir-new/test.txt');getFileList(path: string): FileList
getFileList 方法用于获取指定文件夹中的所有文件和文件夹信息。参数 path 是文件夹的路径，可以是相对路径，也可以是绝对路径。函数返回值是一个 FileList 对象，其中包含了每个文件和文件夹的详细信息。示例代码：
// 获取文件夹信息
const fileList = fileManager.getFileList('testDir');
console.log(fileList);结语
到这里，我们就介绍完了 js-file-manager 的常用操作。js-file-manager 是一款非常方便的 npm 包，可以帮助我们轻松完成文件操作。希望这篇文章能对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055cc381e8991b448da629