当前位置:首页 >教程首页 > IT 学院 > WEB前端+全栈工程师班 >2020年前端开发者实用干货工具推荐

2020年前端开发者实用干货工具推荐

发布时间:2020-01-14 09:33:05

我们正式走入下一个10年。在设计和开发之间,在体验和功能之间,我们将会使用不同的工具和服务来协调、弥合、融汇。在这次推荐的前端开发者工具当中,相当一部分都是针对 Windows 平台所推荐的。有类似macOS中 Alfred 的Launcher 工具——不过是为 Windows 所定制的,还有一款融合了 Markdown 和 Diff 的编辑器,它们更加实用,也更加先进,能给开发者带来更多可能性。

下面我们具体看看吧。

Blueprint

1.jpg

Blueprint 是一款为 Larvel 开发者提供便利的开发工具包,它让你可以只用一行命令就可以生成组件,比如模型、控制器、事件乃至于模版,节省大量的时间。

PowerToys

2.jpg

这是一款由微软自己开发的一组实用程序,可以改善 Windows 本身的用户体验,为它提供所谓「FancyZone」,让你可以管理复杂的窗口布局和位置,它还能添加所谓的「PowerRename」功能,让你可以批量命名文档。目前,这款工具还在不断地研发过程中,我们可以期待一下。

Wox

3.jpg

如果你刚刚从 macOS 切换回 Windows ,那么你可能回怀念 Spotlight 和 Alfred 这样的效率工具,那么这个时候,你应该试试 Wox,它会帮你补上这个坑,并且有助于简化重复的工作流程。实用 Wox,你可以搜索文件、文件夹、应用、UWP乃至于搜索引擎中的内容。

NVM Windows

4.jpg

这款 NVM 命令行工具让你可以轻松在计算机中管理、安装和切换多个 Node.js 版本。通常 NVM 命令行工具是在 Linux 和 macOS 中使用的,如果要在 Windows 中使用,那么你需要安装这款工具。

EdexUI

5.jpg

这是一款非常科幻的终端界面,它会让你的电脑看起来更酷。

DevHub

6.jpg

这是一款 macOS 工具,用来管理 Github 通知和活动,在这款工具当中,你可以在打开通知之前就轻松查看多个存储库相关的信息,包括评论、问题等。

Captura

7.jpg

Captura 是一款自由度颇高的 Windows 截图应用,它附带了从截图到录屏在哪的多种不同的功能和组合方式,当然,更重要的是,它是免费的。

Spicetify CLI

8.jpg

Spicetify CLI 是一款命令行界面的 Spotify 应用,你可以更加便捷地更改整个 UI的配色,加入自己的CSS,方便快捷地启用和禁用一些功能。

Notepads

9.jpg

Notepads 是一个精美的文本编辑器,并且在功能上也非常现代。它具有预览的功能,内置 Markdown,内置选项卡式的 UI,具有差异对比的功能,以及面向高级用户的命令行界面,你可以从 PowerShell 来启动这一应用程序。

Certify

10.jpg

这是一个为 WindowsIIS 服务器管理「Let’s Encrypt」验证的应用,有图形化的界面,它可以进行申请、安装、续订 SSL 证书。

WinMerge

11.jpg

这是一组用来对比文件差异的 Windows 应用,它可以帮你看清文件之间的修改状况,通过对比帮你识别差异,确定是不是要合并处理。这个工具不仅能够帮你对比文本文件,还可以比较图片和整个目录。

Luna

12.jpg

这是一个 NPM 桌面应用,用来管理 NPM 依赖性。你可以单击安装、卸载并且更新这些依赖项。如果你更喜欢的是图形化的界面而不是命令行界面,那么这款工具就是给你所准备的。

WP JS Plugin Starter

13.jpg

这是一个使用更为现代的方法和实践来创建 WordPress 插件的插件启动器,这个项目当中已经预制了最新的用于创建古登堡模块的设置。它是由 Riad Benguella 所开发,它也是古腾堡项目的开发者之一。

CSS Houdini

14.jpg

Una Kravets 在这个视频当中展示了 CSS 的未来,这可能会完全改变我们编写 CSS 的方式。Una Kravets 在这个演示当中展示了 CSS Houdini 的一些功能范例,值得看看!

Nebular

15.jpg

Nebular 是一套用于 Angular 的框架和设计系统。它和 Framwework 一样,包含有按钮、选项卡、菜单、布局和输入组件等,在这些组件上,它还提供了身份验证、登录、注销等页面的组件。

Codelf

16.jpg

如果你不确定如何给变量命名,那么你可以使用 Codelf,它是一个搜索引擎,会给你从 Github、Bitbucket、GitLab 等地方给你找到变量的命名方式和真实范例。

Puppeteer Recorder

17.jpg

这是 Chrome 扩展空虚,用来记录你的浏览器交互,并将其转化成为 Puppeteer 脚本。如果你使用 Puppeteer 来设置测试,可以节省很多时间。

Browser Extension Boilerplate

18.jpg

这是一个跨浏览器扩展程序的预配置工具,在它的帮助下,你可以一次编写代码,然后运行,部署到 Firefox、Chrome 和 Opera 等不同的浏览器平台上。

Altair

19.jpg

Altair 是一个 GraphQL 客户端,你可有在其中执行 GraphQL 服务器查询,并查看返回的输出。你可以安装它的 Windows、macOS 和 Linux 的桌面应用。

Notifier for Github

20.jpg

这是另外一个针对开发者有用的 Chrome 拓展程序,它可以用来改进 Github的通知系统。它会显示你此刻在 Github.com 上的通知数量,并且将其转发到浏览器的「推送通知」中。它适用于需要在浏览器中管理多个 repository 的开发者。

作者:Thoriq Firdaus

来源:优设网

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答

微信扫码在线答疑

扫码领福利1V1在线答疑

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定