nodejs 制作目录 - Javascript (1)

📌 相关文章

📜 nodejs 制作目录 - Javascript (1)

📅 最后修改于: 2023-12-03 15:17:57.986000 🧑 作者: Mango

Node.js 制作目录

简介

Node.js 是一款使用 JavaScript 编写的开源服务器运行环境。Node.js 的出现使得 JavaScript 的用途不局限于前端开发，在后端服务器开发方面也有了很大的应用空间。本文将介绍如何使用 Node.js 制作目录。

目录结构

在使用 Node.js 制作目录之前，我们需要先了解目录结构。目录结构是指文件夹层次结构的排列方式。在本文示例中，我们将制作一个简单的博客目录，并使用以下的目录结构：

- blog
  - JavaScript
    - nodejs 制作目录.md
    - nodejs 实现 web 服务器.md
    - npm 使用教程.md
  - React
    - React 简介.md
    - React 组件.md
  - CSS
    - CSS3 特性.md
    - CSS 基础.md
    - SCSS 使用教程.md

在上述目录结构中，我们使用了一个顶级目录 blog，它包含了三个子目录 JavaScript、React 和 CSS。

代码实现

使用 Node.js 制作目录需要使用到 fs（File System）模块，它是 Node.js 提供的处理文件和目录的工具。我们可以使用 fs.readdirSync(path) 方法获取指定目录下的文件和文件夹列表。

const fs = require('fs');

const files = fs.readdirSync('./blog');

console.log(files);
// ['JavaScript', 'React', 'CSS']

上述代码中，我们使用 fs.readdirSync('./blog') 获取 blog 目录下的文件和文件夹列表。运行后我们可以得到以下输出：

['JavaScript', 'React', 'CSS']

接着，我们可以使用循环语句遍历每一个子目录，并使用 fs.readdirSync(path) 方法获取子目录下的文件列表。

const fs = require('fs');

const dirs = fs.readdirSync('./blog');

dirs.forEach(dir => {
  console.log(`/${dir}`);
  const files = fs.readdirSync(`./blog/${dir}`);
  console.log(files);
});

/*
  /JavaScript
  [ 'nodejs 制作目录.md', 'nodejs 实现 web 服务器.md', 'npm 使用教程.md' ]
  /React
  [ 'React 简介.md', 'React 组件.md' ]
  /CSS
  [ 'CSS3 特性.md', 'CSS 基础.md', 'SCSS 使用教程.md' ]
*/

在上述示例代码中，我们使用 fs.readdirSync(./blog/${dir}) 获取各个子目录中的文件列表，并使用 console.log 输出。

最后，我们可以将该目录结构输出成 markdown 格式，并将其保存为一个 markdown 文件。完整代码如下：

const fs = require('fs');

const dirs = fs.readdirSync('./blog');

let mdContent = '# 目录\n';

dirs.forEach(dir => {
  mdContent += `\n## ${dir}\n\n`;
  const files = fs.readdirSync(`./blog/${dir}`);
  files.forEach(file => {
    if(file.endsWith('.md')) {
      mdContent += `* [${file.replace('.md', '')}](./${dir}/${file})\n`;
    }
  });
});

fs.writeFileSync('./blog目录.md', mdContent);

console.log('目录生成完毕！');

在上述代码中，我们使用一个变量 md 内容存储目录结构，并使用 fs.writeFileSync(path, data) 方法将其保存到名为 blog目录.md 的 markdown 文件中。

总结

Node.js 提供了各种工具来处理文件和目录。在本文中，我们使用 fs.readdirSync(path) 方法读取目录下的文件和文件夹，并使用 JavaScript 循环遍历子目录和文件，最后生成一个 markdown 格式的目录结构并保存到文件中。

完成的Markdown文档效果如下所示：