深入探讨跨端、IoT 动态开发、DevOps等大前端方向热门技术话题,这里直达 了解详情
写点什么

15 款好用的 VS Code 插件

  • 2020 年 2 月 21 日
  • 本文字数:1260 字

    阅读完需:约 4 分钟

15款好用的VS Code插件


VS Code 有个市场,提供很多插件,开发人员可以把它们安装到文本编辑器,增强编辑器功能。在视图菜单中,选择扩展选项或按下 shift + cmd + X 即可进入市场。


善用 VS Code 插件,不仅节省时间,还能提高工作效率,让你成为更好的开发人员。


1. Live Server

该插件允许我们在更改 IDE 中的代码时,自动重新加载 Web 页面。



一旦安装 Live Server 后,在 html 文件上右键单击,可看到选项 Open with Live Server[Alt + L + Q]。


下载地址:Live Server


2. Quokka.js

Quokka.js 会在你输入时自动计算结果,并在 IDE 中打印结果。



下载地址:Quokka.js


3. Code Spell Checker

它是一款拼写检查程序,可以为开发者报告一些常见的拼写错误。它很适合驼峰式代码。



下载地址:Code Spell Checker


4. GitLens

GitLens 可增强 Visual Studio Code 中内置的 Git 功能。


它不仅能帮助你通过 Git blame 注解直观地看到代码作者,而且还可以无缝浏览和探索 Git 存储库,通过强大的比较命令获得有价值的见解,等等。


下载地址:GitLens


5. Prettier

Prettier是一个严格基于规则的代码格式化程序。


它解析代码并使用自己的规则重新打印代码,从而实现风格一致。这是一个重要的工具,无需开发人员做任何工作,它就能让我们获得格式正确的代码。


Prettier 提供合理的默认值,但你也能在项目的根目录下提供一个配置文件来设置自己的标准,比如行长度、制表符/空格的数量等等。



下载地址:Prettier


6.ESLint

ESLint 是一款静态代码分析工具,用来识别 JavaScript 代码中出现的有问题的模式。


ESLint 中的规则是可配置的,用户可以定义和加载自己的规则。它还涵盖了代码质量和编码风格问题。



下载地址:ESLint


7. vscode-icons

该插件会基于文件扩展名在 the tree view 中的文件名旁添加图标,让你更容易地识别文件。



下载地址:vscode-icons


8. Live Saas Compiler

它能帮你实时把 SASS/SCSS 文件编译/转译成 CSS 文件,并且提供在线浏览器重载。



下载地址: Live Saas Compiler


9. JavaScript (ES6) code snippets

这个插件包含面向 VS Code 编辑器的 ES6 语法的 JavaScript 代码片段(支持 JavaScript 和 TypeScript)。


下载地址:JavaScript (ES6) code snippets


10. Browser Preview

它可以让你在编辑器中打开一个用于调试的真正的浏览器预览。



下载地址:Browser Preview


11. Path Intellisense

该扩展可以自动补全代码中的路径和文件名。



下载地址:Path Intellisense


12.Bracket Pair Colorizer

这个扩展允许用颜色来标识匹配的括号。用户可以定义要匹配的字符和要使用的颜色。



下载地址:Bracket Pair Colorizer


13. Vim

VSCodeVim 是一个用于 Visual Studio Code 的 Vim 仿真器,为你的文本编辑器带来 Vim 的强大功能。



下载地址:VSCodeVim


14. TODO Highlight

高亮显示代码中的 TODO、FIXME 及其他注解。



下载地址:TODO Highlight


15. Color Highlight

这个扩展可以风格化在你的文件中找到的 css/web 颜色,所以你无需打开页面就能看到它们是什么颜色。


下载地址:Color Highlight


英文原文:


15 VS Code Extensions to Save Your Time and Make You a Better Developer


2020 年 2 月 21 日 10:1832129
用户头像

发布了 494 篇内容, 共 215.2 次阅读, 收获喜欢 1187 次。

关注

评论

发布
暂无评论
发现更多内容

融云发送语音消息

融云 RongCloud

加快数字化发展 建设数字中国

CECBC

大数据

区块链农产品溯源方案,区块链溯源平台

13530558032

融云 Web SDK 删除历史消息

融云 RongCloud

使用融云 Web SDK 撤回消息

融云 RongCloud

通过融云 WebSDK 简单了解 WebSocket

融云 RongCloud

融云 RTC SDK 集成实现直播,趟坑之旅~~~

融云 RongCloud

平安智慧社区解决方案,平安社区综合管理平台

13530558032

提醒小程序的产品文档——大作业心得总结

小匚

产品经理 随笔杂谈 产品经理训练营 极客大学产品经理训练营

使用融云 IM SDK 实现 H5 直播聊天

融云 RongCloud

融云 CallLib 集成遇到的问题

融云 RongCloud

融云 AMR(Aduio) 播放 AMR 格式 Base64 码音频

融云 RongCloud

SDK 兼容 JSON

融云 RongCloud

区块链如何走向云端?

CECBC

云技术

集成融云 IM 问题总结

融云 RongCloud

集成融云 SDK 怎么实现多端同步未读数

融云 RongCloud

Web 端集成融云 SDK 如何发送正确图片消息给移动端展示?

融云 RongCloud

结合融云 WebSDK 了解 WebSocket 基本原理

融云 RongCloud

融云 Web 播放声音(AMR 、WAVE)

融云 RongCloud

融云 Web SDK 如何实现只有一个设备登入

融云 RongCloud

融云 IM 那些事儿

融云 RongCloud

如何开好每日晨会?

石云升

项目管理 28天写作 职场经验 管理经验 3月日更

集成融云小程序 SDK 遇到的问题

融云 RongCloud

集成融云 Web 音视频通话踩坑之旅

融云 RongCloud

融云 Web 播放声音 — Flash 篇 (播放 AMR、WAV)

融云 RongCloud

最高法两会报告聚焦区块链惩治抄袭,区块链在保护网络著作权方面如何作为?

CECBC

法律

中关村软件园与百度飞桨启动AI人才培养计划:AI发展,人才先行

百度大脑

人工智能 百度 人才培养

微信小程序集成融云 SDK (即时通讯) 集成必备条件

融云 RongCloud

融云 Web SDK 如何实现语音的收发 ?

融云 RongCloud

区块链版权保护平台--催生版权保护新格局

13530558032

融云 IM SDK 发送语音消息

融云 RongCloud

ArchSummit全球架构师峰会北京站

ArchSummit全球架构师峰会北京站

15款好用的VS Code插件_语言 & 开发_Javascript Jeep_InfoQ精选文章