企业官网建设流程全解析

Windows（PowerShell）从 0 创建结构 → tree 查看 → Markdown 使用（完整流程）

本文档说明如何在Windows（PowerShell）环境下，
从零开始创建目录与文件，并使用系统自带的tree命令生成可直接用于 Markdown 的目录结构展示。

1）创建演示目录并进入

mkdir tree-demo cd tree-demo

2）创建目录结构（逐个创建，避免多参数报错）

mkdir src mkdir public mkdir src\api mkdir src\components

3）创建空文件（PowerShell 最稳写法）

New-Itempackage.json-ItemType FileNew-Itemsrc\main.js-ItemType FileNew-Itemsrc\api\user.js-ItemType FileNew-Itemsrc\components\Button.vue-ItemType FileNew-Itempublic\favicon.ico-ItemType File

文件已存在时的处理方式

如果文件已存在会报错，可以使用-Force参数覆盖：

New-Itempackage.json-ItemType File-Force

4）使用 Windows 自带 tree 查看目录结构

tree/F/A

参数说明：

• /F：显示文件
• /A：使用 ASCII 字符（最适合 Markdown）

5）复制输出到 Markdown（最终成品）

将tree /F /A的输出原样复制，并使用plaintext代码块包裹：

```plaintext （粘贴 tree /F /A 的输出） ```

示例效果

D:. |-- package.json |-- public | `-- favicon.ico `-- src |-- api | `-- user.js |-- components | `-- Button.vue `-- main.js

总结

在 Windows 下生成 Markdown 目录结构的标准流程就是：

1. PowerShell 创建目录与文件
2. 使用tree /F /A查看结构
3. 用plaintext代码块粘贴进 Markdown