Visual Studio Code in Practice

Posted on 2019-12-16 Edited on 2025-11-14 In technology Views: Disqus: Word count in article: 328 Reading time ≈ 1 mins.

Gitlens

GitLens 可以在你的代码编辑区看到当前行的git log里面的修改情况，体验非常惊艳，开箱即用不用什么配置

Introduction from official website:

GitLens supercharges the Git capabilities built into Visual Studio Code. It helps you to visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more.

Official website:
https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

Installation

Open Visual Studio Code, press F1, type Extensions: install then search for rest-client.

screenshot :

Rest Client for Vscode

Rest Client for Vsocde record all the request in plain text

It can easily be managed by version control system via git
Define the variables in the context to resue both
Code hinting for the key prarameters

Installation

Open Visual Studio Code, press F1, type ext install then search for rest-client.
Create a new file called rest-test.http and cover the sample as below, replace the value with your own.

Sample

@Host=disqus.com
@forum=shortname
@api_key=apikey
@thread=ident:technology%2F2019%2F12%2F10%2Flearning-how-to-reverse-proxy-disqus-api-in-nginx%2F

GET https://{{Host}}/3.0/threads/listPosts.json?forum=shortname&thread=ident:technology%2F2019%2F12%2F10%2Flearning-how-to-reverse-proxy-disqus-api-in-nginx%2F&api_key=apikey HTTP/1.1
Host: disqus.com
Connection: close
User-Agent: Paw/3.1.10 (Macintosh; OS X/10.15.2) GCDHTTPRequest

###

GET  https://{{Host}}/3.0/threads/listPosts.json Http/1.1
    ?forum={{forum}}
    &thread={{thread}}
    &api_key={{api_key}}