推荐7个提升前端编程效率的VSCode插件

本文来源于网络 , 作者:LittleGinger , 编辑整理:逆锋起笔
VisualStudioCode(VSCode)是微软的一个免费的开源代码编辑器 , 它非常轻巧、灵活 , 资源占用少 , 内置功能强大 , 支持绝大多数流行的编程语言 。 VSCode用当前大火的TypeScript开发 , 基于electron框架 , 底层Node.js对前端来说非常友好 , 简直就是一款为前端量身定 。
VSCode受到大家热烈追捧的一个非常重要原因就是:它拥有规模超大的扩展插件 , 开发者可以根据需求 , 在Marketpalce查找并安装各种各样免费扩展、可用于支持新语言、调试代码或添加各种其他自定义功能的插件 。 俗话说“插件用的好 , 编程没烦恼” , 接下来就盘点7个提升前端编程效率的VSCode插件 。
Git增强:GitLens
GitLens增强了VSCode中内置的Git功能 , 它能够提供更多的版本控制功能来增强你的VSCode 。 GitLens提供了对代码的深入分析功能 , 可以显示更改时间以及更改后的代码 。 通过使用GitLens甚至可以比较不同的分支、标签和提交 。
推荐7个提升前端编程效率的VSCode插件
文章图片
点击安装:https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
代码检查:ESLint
推荐7个提升前端编程效率的VSCode插件
文章图片
JavaScript是一门非常灵活的语言 , 也很困难 。 ESLint是一个插件化的javascript代码检测工具 , 有了它就可以进行常见的JavaScript代码错误检查 , 和代码风格检查 。 这样我们就可以根据自己的要求指定一套ESLint配置 , 然后应用到所编写的项目上 , 从而实现辅助编码规范的执行 , 有效控制项目代码的质量 。
点击安装:https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
前后端联调:CloudToolkit
推荐7个提升前端编程效率的VSCode插件
文章图片
在前后端联调开发的过程中 , 后端环境复杂多样 , 通常会涉及跨域、Cookie、Header鉴权以及更复杂的跨堡垒机调用等问题 , 有时候还会遇到一对多联调的情况 , AlibabaCloudToolkit插件对于联调环境切换非常有用 。
它的HTTPProxy功能提供了专业的前后端联调代理方案 , 开发小白不用阅读很多文档即就能迅速上手 。 这个插件还能解决包括带鉴权调试 , 跨堡垒机调试等复杂的联调场景问题 , 方便管理不同的调试环境 , 可以“无重启”调试环境切换将复杂的业务调试请求简化 , 调测效率迅速提高 。 有了它 , Nginx和Charles这样的复杂的代理工具再也不用安装了 。
点击安装:https://marketplace.visualstudio.com/items?itemName=alibabacloud-cloudtoolkit.toolkit-vscode
逆锋起笔是一个专注于程序员圈子的技术平台 , 你可以收获最新技术动态、最新内测资格、BAT等大厂大佬的经验、增长自身、学习资料、职业路线、赚钱思维 , 微信搜索逆锋起笔关注!
环境同步:SettingsSync
推荐7个提升前端编程效率的VSCode插件
文章图片
SettingsSync可以同步你当前的VSCode配置环境 , 当你需要在其它的电脑工作时 , 新机器登录一下就搞定了 , 再也不用折腾环境了 。 将你所有的编辑器配置同步到gist , 省得在新设备上重新安装 。
点击安装:https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync
项目管理:ProjectManager
推荐7个提升前端编程效率的VSCode插件
文章图片
这个插件是多项目管理神器 , 可以在你的编辑器中快速切换项目 。
点击安装:https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager