vscode 生成项目目录结构 directory-tree 实用教程

简介: vscode 生成项目目录结构 directory-tree 实用教程

1. 安装插件 directory-tree

有中文介绍,极其友好!

2. 用 vscode 打开目标项目

3. 快捷键 Ctrl + Shift + p,输入 Directory Tree 后回车

会在 README.md 文件的底部生成项目目录(若项目中没有 README.md 文件,则会自动创建 README.md 文件)

4. 打开项目目录下的 README.md 文件,滚动到底部查看即可。

EC-web-vue3
├─ 📁.vscode
│  └─ 📄extensions.json
├─ 📁cypress
│  ├─ 📁e2e
│  │  ├─ 📄example.cy.ts
│  │  └─ 📄tsconfig.json
│  ├─ 📁fixtures
│  │  └─ 📄example.json
│  └─ 📁support
│     ├─ 📄commands.ts
│     └─ 📄e2e.ts
├─ 📁public
│  └─ 📄favicon.ico
├─ 📁src
│  ├─ 📁assets
│  │  └─ 📄main.css
│  ├─ 📁components
│  │  └─ 📄webName.vue
│  ├─ 📁layouts
│  │  ├─ 📄default.vue
│  │  └─ 📄ECclub.vue
│  ├─ 📁pages
│  │  ├─ 📁users
│  │  │  ├─ 📄index.vue
│  │  │  └─ 📄[id].vue
│  │  ├─ 📄about.vue
│  │  ├─ 📄index.vue
│  │  └─ 📄[...404].vue
│  ├─ 📁router
│  │  └─ 📄index.ts
│  ├─ 📁stores
│  ├─ 📁views
│  │  └─ 📄test.vue
│  ├─ 📄App.vue
│  └─ 📄main.ts
├─ 📄.eslintrc.cjs
├─ 📄.gitignore
├─ 📄.prettierrc.json
├─ 📄auto-imports.d.ts
├─ 📄components.d.ts
├─ 📄cypress.config.ts
├─ 📄env.d.ts
├─ 📄index.html
├─ 📄package-lock.json
├─ 📄package.json
├─ 📄README.md
├─ 📄tsconfig.app.json
├─ 📄tsconfig.json
├─ 📄tsconfig.node.json
├─ 📄tsconfig.vitest.json
├─ 📄typed-router.d.ts
├─ 📄uno.config.ts
├─ 📄vite.config.ts
└─ 📄vitest.config.ts

目录
相关文章
|
1月前
|
搜索推荐 C++ 开发者
VSCode安装使用教程,保姆级!
本文介绍了Visual Studio Code(VS Code)的安装和基本使用,包括从官网下载安装包,按照步骤在Windows系统上安装,以及设置个性化主题。此外,还强调了安装插件以增强功能,例如安装简体中文插件,并展示了如何搜索和安装插件。VS Code作为一个免费、开源的轻量级编辑器,其丰富的扩展性和高效性使其成为开发者工具的首选。
76 0
|
10天前
|
JavaScript IDE 开发工具
vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)
vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)
33 3
|
13天前
|
JSON 数据格式
3. 使用 VsCode 开发 uni-app 项目需要使用到的插件
3. 使用 VsCode 开发 uni-app 项目需要使用到的插件
14 0
|
14天前
|
前端开发 JavaScript 开发工具
vscode教程(含使用技巧、保存时自动格式化文件等设置)
vscode教程(含使用技巧、保存时自动格式化文件等设置)
35 0
|
2月前
|
缓存 JavaScript 开发工具
【安装指南】VSCode搭建运行Vue的详细教程
【安装指南】VSCode搭建运行Vue的详细教程
1187 0
|
2月前
|
开发框架 人工智能 前端开发
【GitHub】github学生认证,在vscode中使用copilot的教程
【GitHub】github学生认证,在vscode中使用copilot的教程
377 4
|
2月前
|
编译器 开发工具 C语言
vscode安装+配置+使用+调试【保姆级教程】
vscode安装+配置+使用+调试【保姆级教程】
3529 5
|
2月前
|
搜索推荐 开发者
VSCode快捷键使用教程:提高编码效率的利器
本文介绍了提升编程效率的VSCode快捷键使用方法。主要包括编辑、导航、查找与替换、格式化等快捷键,如Ctrl+A全选,Ctrl+P前往文件,Ctrl+F查找,Shift+Alt+F格式化代码。此外,还涉及窗口和菜单快捷键,如新建窗口(Ctrl+Shift+N)、切换分屏(Ctrl+左右箭头)。VSCode也支持用户自定义快捷键,通过Ctrl+,打开设置进行个性化配置。
98 0
|
2月前
|
前端开发 Python
在vscode中如何配置Django项目
在vscode中如何配置Django项目
34 0
|
2月前
|
编译器 C语言 C++
VSCode上搭建C/C++开发环境(vscode配置c/c++环境)Windows系统---保姆级教程
VSCode上搭建C/C++开发环境(vscode配置c/c++环境)Windows系统---保姆级教程