前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vscode使用技巧

vscode使用技巧

作者头像
epoos
发布2022-09-19 10:30:52
7590
发布2022-09-19 10:30:52
举报
文章被收录于专栏:epoos.com

一、常用快捷键

主要针对 Mac系统,windows 可将 command 替换为 Ctl。

代码语言:javascript
复制
command + p // 打开命令输入框
command + p -> > // command + p 模式下输入 ">" 等同于 command + shift + p
command + p -> : // command + p 模式下输入 ":" 等同于 ctl + g
command + d // 下一个匹配的也被选中
command + u // 回退上一个光标操作(可以看做是command + d 的撤销一次匹配的命令,但是不仅仅是)
command + up // 光标移到文件开头
command + down // 光标移到文件结尾
command + left // 光标移到行首
command + right // 光标移到行尾
command + ] // 缩进
command + [ // 减少缩进
command + x // 剪切本行
command + b // 显示/隐藏侧边栏

option + up // 向上移动本行
option + down // 向下移动本行
option + left // 向左移动一个单词
option + right // 向右移动一个单词

shift + option + f // 格式化
shift + option + up // 向上复制本行
shift + option + down // 向下复制本行

shift + command + enter // 在当前行上面插入一行
shift + command + l // 选中当前文件的所有匹配, command + d 的全选操作
shift + command + f // 全局搜索

shift + ctrl + ] // 移动到后半个括号

command + options + down/up // 多行多列编辑

ctrl + g // 跳转到 n 行

command + k => + l // 先 command + k 完事之后再按 l,打开vscode快捷键文档

二、vscode 断点调试nodejs

vscode可以直接运行js代码,还可以断点,但是需要在编辑器里面使用 debug 模式启动。

三、接口测试

我们在开发过程中有很多测试接口的需求。 这对于前端来说很简单,对于一些简单请求,我们直接写一段代码使用 XMLHttpRequest 或者 fetch 发起请求就行。 当然,这会耗费我们一些时间,复杂的请求使用第三方工具(如:postman)会更方便。

除了使用第三方工具,其实 vscode 的一个插件也可以做到,这就是 REST Client。 这个插件使用非常简单,直接新建一个.http后缀的文件,然后在文件里面写请求代码即可。 相比于 postman,REST Client 支持了 cURLRFC 2616 两种标准来调用REST API。

cURL请求方式示例

代码语言:javascript
复制
curl -X GET "https://www.epoos.com/api/test" -d "Hello World"

REST API 请求方式示例

代码语言:javascript
复制
# 注意空行
POST https://www.epoos.com/api/test HTTP/1.1
content-type: application/json

{
  "name":"epoos",
  "age":"31"
}

请求:直接将上述代码贴在 .http 后缀的文件里面,需要发起请求的时候直接 “右键 —— Send Request” 即可。

— 更多使用方式待续 —

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-09-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、常用快捷键
  • 二、vscode 断点调试nodejs
  • 三、接口测试
相关产品与服务
命令行工具
腾讯云命令行工具 TCCLI 是管理腾讯云资源的统一工具。使用腾讯云命令行工具,您可以快速调用腾讯云 API 来管理您的腾讯云资源。此外,您还可以基于腾讯云的命令行工具来做自动化和脚本处理,以更多样的方式进行组合和重用。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档