JavaScript开发者的27个神奇VSCode工具

你可以新建一个文件，输入：https://google.com。

只需要高亮这一行，进入控制面板（快捷键：CTRL + SHIFT + P），点击Rest Client: Send Request就可以发起HTTP GET请求，很快响应详情就会出现在弹出的新标签页中。

这非常有用：

甚至可以略过参数或者请求body数据来发起POST请求，只需要添加下面这几行代码：

POST https://test.someapi.com/v1/account/user/login/ 
Content-Type: application/json 
{ "email": "someemail@gmail.com", "password": 1 } 

这样就可以发起一个以{ "email": "someemail@gmail.com", "password": 1 }为body参数的POST请求了。

而这只是这个扩展最基础的功能。

更多信息传送门：https://marketplace.visualstudio.com/items?itemName=humao.rest-client

17. Settings Sync

如果非常讨厌既要手写一份Markdown笔记记录用到的扩展工具，又要记录在印象笔记这样的笔记应用中，Settings Sync就能解决这个烦恼。

只需要一个gist/GitHub账户，在记录快捷键、代码段、扩展等设置时，同时按下SHIFT + ALT + U，就可以将个人设置上传到gist账户。下次登录或者设置另一台电脑时，运用快捷键SHIFT + ALT + D就可以下载设置了。

18. Todo Tree

Todo Tree能找到应用代码中的所有待办项，并整理到面板左侧的单一树架结构中。

19. Toggle Quotes

Toggle Quotes是个有趣而实用的扩展，它能够切换引号。在插入字符串、需要切换到反引号时，尤其是当Prettier总是美化代码时给字符串加上单引号的时候，Toggle Quotes就能派上用场。

20. Better Align

使用Better Align，不用预先选定就可以对齐所有代码。

只需把光标放在需要对齐的代码上，通过CTRL + SHIFT + P（或者是其他自定义的快捷键）打开控制面板，就可以调用Align命令。

21. 自动闭合标记

自动闭合标记是一个第一次使用VSCode时就能派上用场的工具。如果输入<div再加一个斜线号/，它会自动补完后面的>符号。

虽然这个工具并不是VSCode专有，但是它非常有用。

22. Sort Lines

有人会因为文本行没有按照字母顺序排列而不舒服，幸运的是，Sort lines这样的工具对强迫症患者非常友好。

如果你也有类似的强迫症，你也许会觉得这个工具有用。

23. VSCode谷歌翻译

可能很多人认为这个工具没什么用处。因为笔者在多语言环境中工作，所以VSCode谷歌翻译在项目中非常有用。

运用这个工具，可以在编辑界面内查单词。

24. Prettier

Prettier是一款自动优化JavaScript、TypeScript等代码格式的VSCode扩展。

25. Material Icon Theme

相比于其他图标主题，笔者更喜欢Material Icon Theme，因为这款主题让不同的文件类型更易于区分，特别是在应用了暗色主题的情况下。

26. IntelliSense for CSS Class Names in HTML

IntelliSense for CSS class names in HTML能够基于工作区内的定义将HTML中CSS class的名字补全。

27. Path Intellisense

Path Intellisense是一款能够自动补全文件名的VSCode扩展。

（编辑：源码网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!