1. vscode四部分：活动栏  侧栏  面板  编辑器  状态栏

2. 活动栏包括：扩展插件  搜索键  资源管理器  调试  git分支管理

3. 侧栏：活动栏旁边的打开文件列表

4. 编辑器：写代码、创建文件的区域

5. 面板：由底部的问题和警告打开，主要使用的是终端

6. 状态栏：最底部蓝色条，显示光标的位置、缩进（可以自选空格、tab键）、编码方式、语言类型

7. 文件夹形式的项目引进vscode，可以通过“文件”设置键打开

8. 打开的文件夹可以进行新建文件（需要加上后缀）、新建文件夹、刷新、折叠文件夹下所有的文件夹
   

1. /before 我当时总是幻想着一个功能，希望是怎么样的，但是这样很容易造成，我思考的时候会花很多时间。但是我想着这个功能就算是真的很实用，但是我要花很长的试错来搜索匹配这样功能的软件。很多时候，我想着这个功能可能并不是那么实用，或者说是就算是有这样的需求，但是这样的软件并没有出来。所以到最后，我可能就是白忙活一场，最后就会演变成一种让我非常难受的事情，我做了很多无用功。

2. /now, 应该是先听课，花钱买课也没有关系，我提出使用教育基金这个计划，这样可以让钱用到更加有用的地方。当我没有意识怎么发现一些有用的知识的时候。应该是听好的老师教我怎么用，从已有的软件入手，这样很好，因为我花了时间后，最终我肯定是有收获，因为这个软件就在那，学会这个功能后，未来我在生活中，当我真的面对需要什么功能时，我就可以脑中想到这样的软件，这就是所谓的让功能匹配技术栈。

vscode的5个部分

软件布局

用户界面

VSCode的基本布局：

【1】活动栏：最左侧的一列，包括资源管理器、查找、源代码管理（也就是接下来要讲解的Git）、debug调式（一般用于后端的调理）、插件安装

【2】侧栏：活动栏里具体的项。

【3】编辑器：编写代码的区域

【4】面板：左下角有个错误和警告的提示，点击出来的就是面板。该面板包括问题、输出、调试控制器、终端，常用的就是终端，比如建Vue项目时就会使用它，相当于cmd。

【5】状态栏：最下面这一条，包括警告和错误，行列代表鼠标所在位置，空格代表缩进（因为不同的格式标准由不同的格式要求，有的是4空格缩进，有的是两空格缩进，还可以使用tab缩进），还包括字符集，行尾序列，语言模式（不需要手动设置，他可以自动识别）。

项目的新建与引入

【a】文件夹的操作

软件中没有新建文件夹功能，这里通过在桌面创建文件夹，在软件内打开文件夹就会自动引入该文件了。

创建项目的目录：项目包括常见的CSS、JS，这里可以点击第二个图标新建文件夹，第一个是新建文件，第三个是刷新，第四个是折叠（所有打开的文件夹都会关闭）。

【b】文件的操作：点击第一个图片就可以新建文件，也可以点击文件夹来创建文件。

注意：在vscode新建文件时，一定要加后缀，如果不加，它就相当于一个文本。