VS code安装和使用技巧

VS Code 是微软提供的一款轻量级但功能十分强大的编辑器，内置了对JavaScript, TypeScript和Node.js语言的支持，并且为其他语言如C++, C#, Python, PHP等提供了丰富的扩展库和运行时。

一：VS Code的安装(去下载)，

1.1：VS Code的当前版本为1.18，支持Windows，Ubuntu，Mac

在这里插入图片描述

1.2：安装

VS Code的安装比较简单，一直下一步即可。安装完成后打开，界面如下：
在这里插入图片描述

二：VS Code的简单介绍和使用

2.1：界面简单介绍

在这里插入图片描述

2.1：标注1，资源管理器，下面是文件和文件夹，点击资源管理器可打开和关闭显示
2.2：标注2，搜索，如果资源管理器文件过多，可通过输入内容查询
在这里插入图片描述
2.3：标注3，源代码管理，如通过git init文件后导入项目，此项下面才显示

2.4：标注4，调试，配置调试选项后生效
在这里插入图片描述

2.5：扩展，搜索内容后安装需要的插件
在这里插入图片描述

2.6：显示文档错误和警告个数

2.7：新建文件，点击此按钮输入文件名后新建一个文件

2.8：新建文件夹，点击按钮输入文件夹名后新建一个文件夹

2.9：刷新，内容变动时，点击此按钮刷新

2.10：全部折叠，点击此按钮，关闭文件夹的显示

2.11：TAB键缩进空格个数

2.12：文件编码格式

2.13：文件类型，如图所示，为gson

2.14：状态

三：使用技巧简介

3.1：打开文件或文件夹：文件-》打开-》文件或文件夹选项

在这里插入图片描述

3.2：如下图打开了一个react-native项目

在这里插入图片描述

3.3：新建文件夹：如图，在项目根目录下点击新建文件夹，输入app,创建一个文件夹，文件的创建同此

在这里插入图片描述

3.4：拆分编辑器，打开app.js，点击拆分编辑器时，打开了同样的一个app.js文件

在这里插入图片描述

3.5：打开终端调试，依次打开查看-》集成终端，打开终端调试窗口

在这里插入图片描述

————————————————
版权声明：本文为CSDN博主「PGzxc」的原创文章，遵循CC 4.0 by-sa版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/Calvin_zhou/article/details/78487121