本篇内容主要讲解“JavaScript如何实现封装一个快速生成目录树的全局脚本”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“JavaScript如何实现封装一个快速生成目录树的全局脚本”吧!首先我们需要先明确一下我们这个工具需要实现的功能：1、可以生成指定目录的文件树文件2、可以方便地在任意目录下生成那么我们需要做的也就是以下两步：1、编写一个可以生成指定目录文件树的文件2、将脚本封装成全局脚本为了方便插件的使用、提高用户体验，我们可以使用命令行交互的方式来获取所需参数。编写脚本之前我们需要先明确一下需要的参数1、需要生成文件树的根目录路径；2、生成过程中需要忽略的文件或目录；3、生成文件树的深度；4、生成的文件树文件存放路径；这里使用到了我自己之前基于inquirer进行二次封装的@jyeontu/j-inquirer，与inquirer相比，@jyeontu/j-inquirer增加了文件夹选择器的交互方式，我们可以直接使用其来选择需要生产目录树的文件目录和生成文件存放的位置。获取到我们需要的参数之后我们便可以开始编写生成文件目录树的代码了：1、递归获取文件目录递归结束条件为传入参数的最大遍历深度：if (floor > stopFloor) return;。通过readdirSync可以获取指定目录下的所有文件列表，通过statSync方法获取免费云主机域名文件属性，再通过isFile方法判断是文件还是目录，如果当前遍历到的为目录，则需要递归遍历该目录下的所有文件……2、过滤不需要的文件有时候我们不希望打印出某些文件目录（如：node_modules）,我们在输入配置的时候可以进行设置，遍历文件目录的过程中会过滤掉相关的文件。3、将文件树列表转换为字符串前面我们生成的文件树是以列表的形式保存，现在我们需要将其转换成使用制表符连接的字符串的格式。4、将生成的目录树写入 txt 文件前面我们已经生成了字符串格式的目录树，所以我们可以直接将生成的字符串写入 txt 文件即可，注意写入前我们需要先将原有内容情况。1、准备一个脚本文件创建一个文件 bin.js 作为启动脚本。2、package.json 中配置启动命令在package.json文件中配置脚本启动命令，需要设置 bin 属性，这个配置帮助我们将包内的可执行脚本文件注入系统环境。多个命令时，支持对象配置命令:3、上传到 npm登录自己的 npm 账号后可以使用命令将该包上传到 npm 仓库。npm publish1、插件安装npm i -g getFileTree2、插件使用全局安装后我们就可以在任意目录下使用getFileTree 目录绝对路径命令来生成文件目录树，如下：getFileTree E:myGiteemd文件夹然后按照提示选择或输入相关的参数即可，生成的文件如下：到此，相信大家对“JavaScript如何实现封装一个快速生成目录树的全局脚本”有了更深的了解，不妨来实际操作一番吧！这里是百云主机网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
相关推荐: Python怎么用re模块实现简易tokenizer
这篇文章主要介绍“Python怎么用re模块实现简易tokenizer”，在日常操作中，相信很多人在Python怎么用re模块实现简易tokenizer问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”Pytho免费云主机域名n怎么…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
