node.js输入项目目录结构并展示

简介: node.js输入项目目录结构并展示
const rootDir = path.resolve(__dirname);
let dirsStr = '';
const createDirTree = (dir, skip) => {
  const recur = (curDir) => {
    fs.readdirSync(curDir, { withFileTypes: true }).forEach((value) => {
      if (skip.includes(value.name)) return;
      const childPath = path.join(curDir, value.name);
      const depths = childPath.replace(rootDir, '').split(path.sep).filter(Boolean).length;
      const isDirectory = value.isDirectory();
      const prefix = `${'| '.repeat(depths - 1)}${isDirectory ? '+' : ''}-- `;
      console.log(`${prefix}${value.name}`);
      dirsStr += `${prefix}${value.name}\n`
      if (isDirectory) {
        recur(path.join(curDir, value.name));
      }
    });
  }
  recur(dir);
  const dirJson = { dirsStr: '`' + `${dirsStr}` + '`' }
  fs.writeFile('./src/Mock/dirs.json',JSON.stringify(dirJson) , function (err) { })
}
createDirTree(rootDir, ["node_modules", ".vscode", ".git", ".next", "_next"])

在html展示时,替换换行符为br

dirStr.value = dirs.dirsStr.replace(/(\n|\r|\r\n|↵)/g, '<br/>')

将字符串中的空格符替换成HTML中正确显示连续空格的&nbsp;转义字符

const text = 'Hello\s\s\sWorld\s2021'
text.replace(/\s/g, '&nbsp;');
相关文章
|
28天前
|
JavaScript 测试技术 API
跟随通义灵码一步步升级vue2(js)项目到vue3版本
Vue 3 相较于 Vue 2 在性能、特性和开发体验上都有显著提升。本文介绍了如何利用通义灵码逐步将 Vue 2 项目升级到 Vue 3,包括备份项目、了解新特性、选择升级方式、升级依赖、迁移组件和全局 API、调整测试代码等步骤,并提供了注意事项和常见问题的解决方案。
|
29天前
|
SQL JavaScript 关系型数据库
node博客小项目:接口开发、连接mysql数据库
【10月更文挑战第14天】node博客小项目:接口开发、连接mysql数据库
|
2月前
|
算法 JavaScript 前端开发
第一个算法项目 | JS实现并查集迷宫算法Demo学习
本文是关于使用JavaScript实现并查集迷宫算法的中国象棋demo的学习记录,包括项目运行方法、知识点梳理、代码赏析以及相关CSS样式表文件的介绍。
第一个算法项目 | JS实现并查集迷宫算法Demo学习
|
1月前
|
JavaScript 前端开发 测试技术
JavaScript与TypeScript:为何TypeScript成为大型项目的首选
JavaScript与TypeScript:为何TypeScript成为大型项目的首选
28 1
|
1月前
|
人工智能 JavaScript 网络安全
ToB项目身份认证AD集成(三完):利用ldap.js实现与windows AD对接实现用户搜索、认证、密码修改等功能 - 以及针对中文转义问题的补丁方法
本文详细介绍了如何使用 `ldapjs` 库在 Node.js 中实现与 Windows AD 的交互,包括用户搜索、身份验证、密码修改和重置等功能。通过创建 `LdapService` 类,提供了与 AD 服务器通信的完整解决方案,同时解决了中文字段在 LDAP 操作中被转义的问题。
|
2月前
vite.config.js中vite.defineConfig is not defined以及创建最新版本的vite项目
本文讨论了在配置Vite项目时遇到的`vite.defineConfig is not defined`错误,这通常是由于缺少必要的导入语句导致的。文章还涉及了如何创建最新版本的Vite项目以及如何处理`configEnv is not defined`的问题。
111 3
vite.config.js中vite.defineConfig is not defined以及创建最新版本的vite项目
|
1月前
|
JavaScript Linux 网络安全
VS Code远程调试Nodejs项目
VS Code远程调试Nodejs项目
|
1月前
|
存储 JavaScript 前端开发
Vue.js项目中全面解析定义全局变量的常用方法与技巧
Vue.js项目中全面解析定义全局变量的常用方法与技巧
41 0
|
2月前
|
JavaScript 应用服务中间件 Linux
宝塔面板部署Vue项目、服务端Node___配置域名
本文介绍了如何使用宝塔面板在阿里云服务器上部署Vue项目和Node服务端项目,并配置域名。文章详细解释了安装宝塔面板、上传项目文件、使用pm2启动Node项目、Vue项目打包上传、以及通过Nginx配置域名和反向代理的步骤。
527 0
宝塔面板部署Vue项目、服务端Node___配置域名
|
2月前
|
JavaScript 前端开发 UED
让 HTML 向 Vue.js 华丽转身:如何把 `wangEditor` 仿腾讯文档项目整合进 Vue.js
让 HTML 向 Vue.js 华丽转身:如何把 `wangEditor` 仿腾讯文档项目整合进 Vue.js