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:打开终端调试,依次打开查看-》集成终端,打开终端调试窗口

3.6 汉化:扩展按钮——>搜索zh,找到中文汉化包安装

 

Visual Studio CodeVSCode)是一个强大的开源代码编辑器,有许多实用的功能和技巧可以帮助您更高效地阅读和理解代码。这里有一些常用的技巧: 1. **代码高亮和主题**:选择合适的语言模式可以自动为不同类型的文件提供语法高亮,同时尝试不同的颜色主题可以提升可读性。 2. **跳转到定义**:按 `Ctrl + Click`(Windows/Linux)或 `Cmd + Click`(Mac)可以在当前文件中快速导航到变量、函数或类的定义处。 3. **搜索功能**:使用 `Ctrl + F`(全局查找)或 `Ctrl + Shift + F`(替换)搜索特定文本。还可以设置快捷键进行正则表达式搜索。 4. **代码折叠**:对冗长的代码块使用 `Ctrl + [` 和 `Ctrl + ]` 进行折叠和展开,方便查看关键部分。 5. **代码片段和自定义命令**:安装合适的插件可以使用代码片段快速插入常用代码片段,或者创建自定义命令来执行常见的操作。 6. **Git集成**:利用VSCode的Git扩展,可以直接在编辑器内查看提交历史、更改差异等,这对于追溯代码变更非常有用。 7. **调试工具**:配置断点并逐步执行代码,观察变量值变化,有助于理解复杂逻辑。 8. **代码审查**:利用Pull Request功能,可以预览其他开发者对代码的修改建议。 9. **插件拓展**:VSCode有大量的插件可用于代码格式化、类型检查、代码提示等功能的增强。 10. **键盘快捷键**:熟悉并定制自己的快捷键设置,可以极大提高工作效率。
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值