关于开发工具:推荐-7-个提升前端编程效率的-VSCode-插件

52次阅读

共计 2296 个字符,预计需要花费 6 分钟才能阅读完成。

本文来源于网络,作者:LittleGinger,编辑整理:逆锋起笔

Visual Studio Code(VSCode)是微软的一个收费的开源代码编辑器,它十分笨重、灵便,资源占用少,内置功能强大,反对绝大多数风行的编程语言。VSCode 用以后大火的 TypeScript 开发,基于 electron 框架,底层 Node.js 对前端来说十分敌对,几乎就是一款为前端量身定。

VSCode 受到大家热烈追捧的一个十分重要起因就是:它领有规模超大的扩大插件,开发者能够依据需要,在 Marketpalce 查找并装置各种各样收费扩大、可用于反对新语言、调试代码或增加各种其余自定义性能的插件。俗话说“插件用的好,编程没懊恼”,接下来就盘点 7 个晋升前端编程效率的 VSCode 插件。

Git 加强:GitLens

GitLens 加强了 VSCode 中内置的 Git 性能,它可能提供更多的版本控制性能来加强你的 VSCode。GitLens 提供了对代码的深入分析性能,能够显示更改工夫以及更改后的代码。通过应用 GitLens 甚至能够比拟不同的分支、标签和提交。

点击装置:
https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

代码查看:ESLint

JavaScript 是一门非常灵活的语言,也很艰难。ESLint 是一个插件化的 javascript 代码检测工具,有了它就能够进行常见的 JavaScript 代码谬误查看,和代码格调查看。这样咱们就能够依据本人的要求指定一套 ESLint 配置,而后利用到所编写的我的项目上,从而实现辅助编码标准的执行,无效管制我的项目代码的品质。

点击装置:
https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

前后端联调:Cloud Toolkit

在前后端联调开发的过程中,后端环境简单多样,通常会波及跨域、Cookie、Header 鉴权以及更简单的跨堡垒机调用等问题,有时候还会遇到一对多联调的状况,Alibaba Cloud Toolkit 插件对于联调环境切换十分有用。

它的 HTTP Proxy 性能提供了业余的前后端联调代理计划,开发小白不必浏览很多文档即就能迅速上手。这个插件还能解决包含带鉴权调试,跨堡垒机调试等简单的联调场景问题,方便管理不同的调试环境,能够“无重启”调试环境切换将简单的业务调试申请简化,调测效率迅速进步。有了它,Nginx 和 Charles 这样的简单的代理工具再也不必装置了。

点击装置:
https://marketplace.visualstudio.com/items?itemName=alibabacloud-cloudtoolkit.toolkit-vscode

逆锋起笔 是一个专一于程序员圈子的技术平台,你能够播种 最新技术动静 最新内测资格 BAT 等大厂大佬的教训 增长本身 学习材料 职业路线 赚钱思维 ,微信搜寻 逆锋起笔 关注!

环境同步:Settings Sync

Settings Sync 能够同步你以后的 VSCode 配置环境,当你须要在其它的电脑工作时,新机器登录一下就搞定了,再也不必折腾环境了。将你所有的编辑器配置同步到 gist,省得在新设施上重新安装。

点击装置:
https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync

项目管理:Project Manager

这个插件是多项目管理神器,能够在你的编辑器中疾速切换我的项目。

点击装置:
https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager

主动门路提醒:Path Intellisense

这个插件很简略,就是会主动给你提醒相干的文件门路,比方:当你在 HTML 通过 script 标签要引入一个文件的时候,你间接在 src 中它就会依据你的输出给你提醒目录中有的文件名;或者你通过 node require 一个文件的时候也是一样会给你提醒,这样你就不必再去记文件名了,也不会因为文件名拼写错误或者门路层级搞错而产生加载失败的问题了。

点击装置:
https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

EditorConfig for VS Code

在公司工作,肯定会遇到多集体参加一个我的项目的状况,即便的团队中应用多中 IDE 和编辑器,也能够用针对 VS Code 的 EditorConfig 来实现一致性。EditorConfig 蕴含一个用于定义代码格局的文件和一批编辑器插件,这些插件是让编辑器读取配置文件并以此来格式化代码。

点击装置:
https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager

以上介绍的都是在日常工作中亲测晋升效率的插件,另外还有一些主题类的插件网上的举荐很多就不举荐啦!VSCode 提供的扩大插件数量惊人,这也是让它大受欢迎的起因之一。心愿安利的这 7 个插件,能够让你编程效率有飞越式的进步

逆锋起笔 是一个专一于程序员圈子的技术平台,你能够播种 最新技术动静 最新内测资格 BAT 等大厂大佬的教训 增长本身 学习材料 职业路线 赚钱思维 ,微信搜寻 逆锋起笔 关注!

正文完
 0