FGD · 它是 vue-next 操作文件的“御用”库

2024-05-03 05:27:56

FGD(FE GitHub Daily)，前端 GitHub Daily，由公众号素燕组织，每天分享一个前端实用的库，旨在拓宽技术视野，为业务快速找到低成本的解决方案。

推荐理由

在各种前端开工具链当中，大多都会操作文件。node 本身提供了 fs 模块，但用起来多有不便，前端最不缺的是工具库，只要你能想到就能找到对应的库。

在 vue-next 项目中，我发现作者使用的是 fs-extra，这个库用起来比较方便，大多数 api 都提供了多种实现方式，比如同步异步、Promise、async、await。不过需要使用 node 的版本为 10.12.0 版本或以上。

我们一起体验下复制文件的 api ：

// 引入模块
const fs = require('fs-extra')// 使用 promise 的方式，异步调用
fs.copy('/myfile', '/mynewfile').then(() => console.log('success!')).catch(err => console.error(err))

// 引入模块
const fs = require('fs-extra')// 使用 Async/Await 异步调用:
async function copyFiles () {try {await fs.copy('/myfile', '/mynewfile')console.log('success!')} catch (err) {console.error(err)}
}

// 引入模块
const fs = require('fs-extra')// 同步调用:
try {fs.copySync('/myfile', '/mynewfile')console.log('success!')
} catch (err) {console.error(err)
}

// 引入模块
const fs = require('fs-extra')// 使用 callback 的方式，异步调用
fs.copy('/myfile', '/mynewfile', err => {if (err) return console.error(err)console.log('success!')
})

GitHub 指数

fs-extra adds file system methods that aren't included in the native fs module and adds promise support to the fs methods. It also uses graceful-fs to prevent EMFILE errors. It should be a drop in replacement for fs.

Star 数 7.1k

https://github.com/jprichardson/node-fs-extra

长按关注

素燕《前端小课》

帮助 10W 人入门并进阶前端

FGD · 它是 vue-next 操作文件的“御用”库相关推荐

vue项目js文件引入第三方库组件
vue项目js文件引入第三方库组件 //首先按需引入第三方库 import { MessageBox } from 'element-ui' 使用: MessageBox.alert(`<di ...
Vue上传文件操作（没有CV,认真看）
项目场景: 通过vue上传文件基本操作问题描述: 使用html上传文件时,很容易理解,那么vue文件上传呢?我们学了vue不可能还往里面写原生html的内容吧! 先放代码再解释: <templ ...
eclipsevue代码怎么运行_[Java教程]使用eclipse初步学习vue.js操作
[Java教程]使用eclipse初步学习vue.js操作 0 2017-11-26 19:00:06 一.vue.js的初步认识 https://unpkg.com/vue ">vu ...
文件上传 java 完美,vue+java实现文件上传（excel等），会出现跨域问题，直接用form表单提交就不会有问题了（new FormData()）...
vue+java实现文件上传(excel等),会出现跨域问题,直接用form表单提交就不会有问题了(new FormData()) 地址:https://www.cnblogs.com/muscles ...
vue 上传文件_前后端分离项目，如何优雅实现文件存储！
在上一节中我们讲到了使用MinIO来自建对象存储服务,这次我们来讲下MinIO如何结合SpringBoot和Vue来实现文件存储. 学前准备学习本文需要一些MinIO的基础知识,还不了解的小伙伴可以 ...
vue cli 服务器文件,Vue CLI 部署 - 闪电教程JSRUN
部署通用指南如果你用 Vue CLI 处理静态资源并和后端框架一起作为部署的一部分,那么你需要的仅仅是确保 Vue CLI 生成的构建文件在正确的位置,并遵循后端框架的发布方式即可. 如果你独立于 ...
Springboot + Vue实现大文件切片上传
Springboot + Vue实现大文件切片上传大文件切片上传原理就是将一个大文件分成若干份大小相等的块文件,等所有块上传成功后,再将文件进行合并. 一.Springboot后端 1.实体TChu ...
vue上传zip文件到服务器,vue.js zip文件上传
vue.js zip文件上传内容精选换一换开发过程中,您有任何问题可以在github上提交issue,或者在华为云对象存储服务论坛中发帖求助.接口参考文档详细介绍了每个接口的参数和使用方法.在O ...
vue自定义组件-文件上传后端接口
学习目标: vue自定义组件-文件上传后端接口学习内容: 准备工作: 后端环境:JAVA-Springboot项目数据库表(这里使用psql数据库):sys_file_record保存上传文件的信息 ...

最新文章

热门文章