本文来源于网络,作者: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等大厂大佬的经验
、增长自身
、学习资料
、职业路线
、赚钱思维
,微信搜索逆锋起笔
关注!
相关推荐
vscode1.32.3版本,轻量且强大的代码编辑器,支持Windows,OS X和Linux。内置JavaScript、TypeScript和Node.js支持,而且拥有丰富的插件生态系统,可通过安装插件来支持C++、C#、Python、PHP等其他语言。
有何提高效率的方法? 前端最常用的 IDE 有 [Webstorm](https://www.jetbrains.com/webstorm/)、[Sublime](https://www.sublimetext.com/)、[Atom](https://atom.io/) 和 [VSCode](https://code.visualstudio.com/)...
核心技术: -基于 flexible.js + rem 智能大屏适配 - VScode cssrem插件 - Flex 布局 - Less 使用 - 基于ECharts 数据可视化展示 - ECharts 柱状图数据设置 - ECharts 地图引入
这和游戏前端用 lua 和 C# 如此流行的原因基本上是一样的 -- 那就是开发效率。 当然了开发语言之争永远没有结果,也不是我们今天要讨论的。我们今天要说的是 go 语言的开发工具 LiteIDE。golang 的开发工具还是比较...
1. 一键安装 .vscode 目录中推荐的插件 2. node 版本 17+ 3. pnpm 版本 8.x 进入项目目录 cd web 安装依赖 pnpm i 启动服务 pnpm dev 预览预发布环境 pnpm preview:stage 更多详见资源中项目说明!!!
推荐使用vscode-Markdown Preview Enhanced插件打开。 推荐阅读人群 求职者可以看 :面试技巧; 程序员可以看 关于操作系统,算法基础,等通用知识点; Java程序员,推荐全文阅读; 笔记内容 操作系统 数据结构 ...
【资源说明】 该项目是个人毕设项目源码,综合评分达到95分,经过严格调试,确保可以...整个项目的数据保存采用Nosql数据库之MongoDB存储,它相比传统的关系数据库更灵活,内存数据库效率也更高,小伙伴们来试试吧!
内容概要: 全套项目源码+详尽文档,一站式解决您的学习与项目需求。...他可以在后台对员工进行管理,调整员工信息,申报资金使用,审批资金的使用,记录资金的情况,提高管理效率,优化管理模式。
真棒珍妮特 ... vscode-janet Visual Studio Code插件(语法突出显示,Eval sexp /文件) JPM可安装软件包 JPM(Janet 包管理器)是 Janet 的官方包管理器,随 Janet 发行版一起提供。 并发 janet-pobox -
这是一个基于前后端分离模式开发的网上试衣镜穿衣搭配系统,一共有管理员和用户2个身份!管理员登录后可以在后台添加新的服饰搭配教学视频包括服饰名称、服饰描述、服饰类别、最小身高、最大身高、最小体重、最大...