文件树是什么？
想象一下，文件树只是个文件管理器，它只是把文件名等等用文字形式展现出来了而已。 举个🌰：
左边就是“文件树”，而右边是文件管理。他们都是一样的，只是层级是以直观/抽象的方式展示出来而已。
基础文件树全览
│✅ .env
│✅ index.html
│✅ package.json
├─public
│ ├─font
│ │ │ LibreBaskerville-Italic-3.ttf
│ │ │ Pacifico-Regular-all.ttf
│ │ │ Pacifico-Regular.ttf
│ │ │ UnidreamLED.ttf
│ │ └─images
│ └─icon✅
│ 128.png
│ 144.png
│ 180.png
│ 192.png
│ 32.png
│ 48.png
│ 512.png
│ 72.png
│ 96.png
│ apple-touch-icon.png
│ bilibili.png
│ candle.png
│ email.png
│ favicon.ico
│ gitee.png
│ github.png
│ icon_Y.svg
│ lihua.svg
│ Loadingback.png
│ logo.png
│ music.png
│ pause.png
│ play.png
│ qq.png
│ star.svg
│ telegram.png
│ twitter.png
│ warn.png
│ yanhua.svg
└─src✅
├─App.vue✅
│ main.js
├─api
│ Music.js✅(可选)
├─components
│ ConsoleOutput.vue✅
│ Music.backup.exit
│ onscmd.vue✅
│ onslogs.vue
├─egghunt
│ index.vue✅
│ LoadingComponent.vue
│ styles.css
├─Main
│ Music.vue✅
│ Paragraph.vue
├─Msg
│ FileMessage.vue
│ foot.vue
│ header.vue✅
│ index.vue
│ main.vue
│ ModalContent.vue
├─store
│ msg.js✅
└─style
global.scss
style.scss
``` 接下来，请你跟着`开始修改文件`里面的内容，一步步更改源代码！祝你成功！加油！