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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值