前端--基础 目录文件夹和根目录 VScode打开目录文件夹

目录

[目录文件夹和根目录 :](#目录文件夹和根目录 :)

[目录文件夹 :](#目录文件夹 :)

[根目录 :](#根目录 :)

[VScode 打开目录文件夹 :](#VScode 打开目录文件夹 :)

[VScode 打开文件夹 :](#VScode 打开文件夹 :)

[拖拽目录文件夹 :](#拖拽目录文件夹 :)

目录文件夹和根目录 :

我们都清楚,在实际的工作中会有大量的文件,因此,我们的文件势必是不能乱放的,否则,就很

难快速找到它们,因此,你知道的,当然就需要一个文件夹来管理它们。

目录文件夹 :

所以,这个需要一个文件夹来管理的这个文件夹 就是我们讲的 目录文件夹

比如现在,我们就新建一个文件夹用来 管理我们网页页面的文件 创建名为 WEB

刚创建的,里面什么还没有,我们随后再往里新建一些 网页页面所需要的东西

那么根目录是什么呢 ?

根目录 :

即打开目录文件夹的第一层即是 根目录

示例理解 :

我们刚才不是创建了 目录文件夹,里面用来放一些 网页页面所需要的文件;

那么现在,我们就给这个 目录文件夹创建一些文件

我们给里面创建了两个文件,一个是 .html 文件, 一个是用来存放网页需要图片的文件

那么,也就是说 当我们打开 目录文件夹 WEB 的时候, 就会看到 上示这两个文件

我们是以 创建了两个文件上示文件来好举例显示,打开 目录文件夹后里面有文件,来显示出来。

那么,就是说打开 WEB 这个文件夹 里面显示的所有文件,就是你所看到的所有文件(当然了,上

示只显示了两个,因为就创建了 俩呀 ) 就是所谓 目录文件夹的第一层也即 根目录 ~!!!

注意 : 打开根目录文件夹的第一层是根目录,那当你打开了 image 文件时,那就不是根目录了!

VScode 打开目录文件夹 :

大家先回想下我们之前采用简单的新建文件是怎样的 ?

===>>>

创建完后,我们还得按下 ctrl + s 来保存到目标文件夹里去,较为麻烦~!

我们是在 VScode 里如上示新建文件的( 注意,也是新建的 是 文本文件,不是 HTML 文件,当

然了,你后期也可以改成 HTML 文件; 这里只是提一嘴,注意一下)

那么,接下来要介绍的就是更加方便的打开目录文件夹 :

VScode 打开文件夹 :

我们直接在 VScode 里打开文件夹

===>>>

我们就以 刚才上示的 WEB 文件夹为例, 就是这个时候你选择哪个文件夹,

那么,选择的这个文件夹,即为我们前面所讲的目录文件夹~!!

# 我们清楚在之前这个 WEB 文件夹里有两个内容,一个是 image文件夹,一个是HTML文件,上

面即只显示了 image 这个文件夹,因为要打开的是 文件夹,所以不显示 HTML文件 。

# 还要清楚的是,如果选择了 image 这个文件夹,那就意味着 image 成为了 目录文件夹 ~!

我们就以 WEB 文件夹为例

===>>>

在上面的区域也能看到, WEB 就是 目录文件夹, 它下面的那些用红色上下箭头标记着的就是

根目录,三个黄色的标识分别是 : 新建文件 , 新建文件夹,刷新资源管理器

如果你要新建文件,或文件夹 那就在相对应的地方进行新建即可~!!

方便的点就是,可以直接在目录文件夹下 直接新建或删除 文件,会自动保存~~!!

拖拽目录文件夹 :

还有一种就是 直接拖拽目录文件夹至 VScode 工作区

===>>>

就可以直接把 T2 文件夹 拖至上示区域 即可

===>>>

===>>>

如此,也是方便快捷~!!

相关推荐
KaMeidebaby3 分钟前
卡梅德生物技术快报|蛋白 N 端测序在重组贻贝融合蛋白表征中的应用,解决原核表达序列偏移工艺难题
前端·人工智能·物联网·算法·百度
kyriewen1 小时前
我筛了 1400 个 Claude Code Skills,留下 5 个天天在用的
前端·ai编程·claude
JNX_SEMI1 小时前
AT2401C 2.4GHz 全集成射频前端单芯片技术解析
前端·单片机·嵌入式硬件·物联网·硬件工程
anOnion2 小时前
Agentic 前端开发之 实时显示 AI Agent 终端输出
前端·javascript·人工智能
随风一样自由2 小时前
【前端领域】2026最新前端领域全梳理(框架/工具/AI/跨端/底层标准/就业趋势)
前端·人工智能·前端框架
这是个栗子2 小时前
【前端性能优化】优化数据加载:用 Promise.all 从串行到并行
前端·javascript·性能优化·异步编程·前端优化·promise.all
fei_sun3 小时前
黑洞路由(Null Route/空接口路由)
服务器·前端·javascript
大爱一家盟3 小时前
告别卡点BGM同质化 2026原创卡点音乐素材下载网站 TOP5 推荐
大数据·前端·人工智能
彦为君3 小时前
算法思维与经典智力题
java·前端·redis·算法
aa小小3 小时前
localhost 访问异常排查笔记
前端