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扩展。

（编辑：湖南网）

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