美文网首页
常用的VS Code插件

常用的VS Code插件

作者: 涅槃快乐是金 | 来源:发表于2020-12-21 09:50 被阅读0次

Bracket Pair Colorizer 2

帮助我搞清楚 JavaScript 中复杂的嵌套 promise。顾名思义,它可以让方括号对变色,帮我弄清楚是否在某个地方搞糊涂了(例如缺少方括号)。它默认匹配 ()、[] 和{}等普通括号,但如果需要你也可以定义自定义括号。
它还有其他许多很酷的功能,例如定义颜色或为活动括号显示装订线之类。值得尝试一波。
项目地址
https://github.com/CoenraadS/Bracket-Pair-Colorizer-2
Marketplace
https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2

NPM Intellisense

如动图所示,它能自动完成以 NPM 包为目标的 require import 语句。这可以提供很多帮助,尤其是当你的项目变得很大,并且在 package.json 中包含很多依赖项时。
项目地址
https://github.com/ChristianKohler/NpmIntellisense
Marketplace
https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense

Path Intellisense

这是 NPM Intellisense 的姐妹插件。它会执行相同的自动补全,不过针对的是你的文件系统。
项目地址
https://github.com/ChristianKohler/PathIntellisense
Marketplace
https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

Quokka.js


如果你只是想尝试一些东西,不想费劲先设置项目,那么这款工具就是一个很好的辅助。通过实时检查输出,它会立即将输出显示在 JavaScript/TypeScript 代码旁边,如动图所示。这是一个很好的扩展,特别适合调试目的。
项目地址
https://quokkajs.com/
Marketplace
https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode

Docker

这个扩展是处理多个 Docker 映像和容器的必备,因为你可以用它快速浏览正在运行哪些容器、构建哪些映像以及创建哪些网络。
项目地址
https://github.com/microsoft/vscode-docker
Marketplace
https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker

Live Server


这个扩展为本地开发服务器提供了热重载功能,也就是说它会在保存对文件所做的任何更改后立即刷新页面。它在状态栏中有一个漂亮的“Go Live”按钮,你只需单击一下即可启动服务器。
项目地址
https://github.com/ritwickdey/vscode-live-server
Marketplace
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

Auto Close Tag 和 Auto Rename Tag


它们是 VS Code 的两个小插件,可通过自动重命名和关闭标签来帮助你维护 HTML 文件。这也适用于 React 自己的 JSX 语法。
Auto Close Tag
https://github.com/formulahendry/vscode-auto-close-tag/https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag
Auto Rename Tag
https://github.com/formulahendry/vscode-auto-rename-tag/https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

Markdown Preview Enhanced


Markdown 预览工具。它不仅为你提供预览,而且还有同步滚动、PDF 导出和 PlantUML 的功能。
项目地址
https://github.com/shd101wyy/vscode-markdown-preview-enhanced
Marketplace
https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced

相关文章

  • vs code 快捷键

    VS Code 的常用快捷键和插件一、vs code 的常用快捷键1、注释: a) 单行注释:[ctrl+k,ct...

  • VS Code 快捷键

    VS Code 的常用快捷键和插件一、vs code 的常用快捷键1、注释: a) 单行注释:[ctrl+k,ct...

  • VScode常用快捷键

    VS Code 的常用快捷键和插件一、vs code 的常用快捷键1、注释: a) 单行注释:[ctrl+k,ct...

  • 003VS Code精选插件

    VS Code精选插件 VS Code所有的插件都可以在VS Code Downloads插件库中找到,如下图: ...

  • VSCode常用插件

    摘自VS Code 常用插件列表 插件列表Auto Close Tag 自动闭合HTML标签Auto Rename...

  • VSCODE

    VS Code 常用插件列表 插件列表Auto Close Tag 自动闭合HTML标签Auto Rename T...

  • reatc native常用指令

    常用环境 vs code插件 Debugger for Chrome (装完记得配置launch.json文件) ...

  • vscode的一些配置

    推个小荐 1. vs code插件推荐 vs code的插件真的巨好用,微软提供了vs code插件的开发平台,v...

  • VSCODE下载及插件安装保姆级教程来咯

    VS code 插件 vs code 下载 https://code.visualstudio.com/[http...

  • 让VS Code成为你的利器

    Visual Studio Code 常用快捷键 / 插件 让 VS Code 成为你的利器 主命令框 F1 或 ...

网友评论

      本文标题:常用的VS Code插件

      本文链接:https://www.haomeiwen.com/subject/txsawktx.html