在前端开发中，对于存储和读取数据，我们通常会使用浏览器提供的 localStorage 或 sessionStorage，但是这两种方式有一些局限性，比如存储容量限制、不能存储对象等。而今天我们要介绍一种更加强大的、可以存储任意数据的前端存储方式：@best/store-fs。
什么是 @best/store-fs？
@best/store-fs 是一个基于 fs 和 mkdirp 的简单文件系统存储库。使用它，我们可以在前端轻松地以文件系统的方式存储和读取数据。
安装
使用 npm 安装 @best/store-fs：
npm install @best/store-fs
使用
@best/store-fs 的使用非常简单，下面我们来演示如何将一个字符串存储到文件中：
-- -------------------- ---- ------- ------ - ----- - ---- ----------------- ----- ----- - --- ------- ----- --------- --- ---------------------- ------ ---------------- -- - ------------------ ---------------- ---
上面的代码中，我们首先引入了 Store 类，并创建了一个 Store 的实例，传入了一个 path 属性，表示存储文件的文件夹路径。然后，我们调用 set 方法，传入一个文件名和要存储的内容，最后通过 then 方法监听存储成功的回调，并输出一段日志。
接下来，我们来演示如何读取文件内容：
store.get('hello.txt').then(content => {
console.log(content);
});我们调用 get 方法，传入要读取的文件名，最后通过 then 方法拿到读取到的内容，并输出到控制台中。
持久化存储
默认情况下，@best/store-fs 存储的数据是存储在内存中的，每次刷新页面都会重新读取数据。如果需要进行持久化存储，我们可以使用 fs 实现文件的读取和写入。下面是一段读取本地文件内容的代码：
import fs from 'fs';
fs.readFile('hello.txt', 'utf8', (err, data) => {
if (err) throw err;
console.log(data);
});当然，在使用 fs 之前，我们需要先安装 fs：
npm install fs
总结
通过本文的介绍，我们了解了 @best/store-fs 的基本使用方法，以及如何实现数据的持久化存储。在实际开发中，我们可以根据具体的业务需求来决定使用哪种存储方式，以达到更好的数据管理效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/best-store-fs