乐趣区

关于1024-征文活动:好用的开发在线工具推荐丨1024征文活动

磨刀不误砍柴工,找到适宜本人的工具对于工作来说相对是一个事倍功半的事件。不仅效率蹭蹭蹭地往上涨,对于我集体而言,单纯的喜爱谋求高效率,用个“趁手”的家伙情绪都会变得更爽。

明天,就和大家举荐几款好用的开发工具~

01. EnjoyCSS

EnjoyCSS 能够输入 CSS、LESS、SCSS 代码,并反对指定须要反对哪些浏览器及其最低版本。开发简略页面时用起来比拟不便,但不太适宜简单一点的前端我的项目(这类我的项目往往须要引入 CSS 框架)。

02. Prettier Playground

Prettier Playground 是一个代码格式化工具,反对格式化 JavaScript 代码(包含 ES2017、JSX、Angular、Vue、Flow、TypeScript 等)。Prettier 会移除代码本来的款式,替换为遵循最佳实际的标准化、统一的款式。IDE 大多反对 Prettier 工具,不过 Prettier 也有在线版本,让你能够在浏览器里格式化代码。

如果工作电脑不在手边,应用挪动端设施或者长期借用他人的电脑查看代码时,Prettier Playground 十分好用。相比在 IDE 或编辑器下应用 Prettier,集体更举荐通过 git pre-commit hook 配置 Prettier:hook 能够保障整个团队应用对立的配置,免去各自别离配置 IDE 或编辑器的麻烦。如果是老我的项目,hook 还能够设置只格式化有改变的单个文件甚至有改变的代码段,防止在 IDE 或编辑器下应用 Prettier 时不小心格局了大量代码,吞没了 commit 的次要改变,让 review 代码变得非常苦楚。

03. Postman

Postman 测试后端 API 接口时十分好用。GET、POST、DELETE、OPTIONS、PUT 这些办法都反对。

Postman 之外,Insomnia 也是很风行的 REST API 测试工具,亮点是反对 GraphQL。不过 Postman 从 去年夏天公布的 v7.2 起也反对了 GraphQL。

04. StackBlitz

Chidume Nnamdi 盛赞这是每个用户最喜爱的在线 IDE。StackBlitz 将大家最喜爱,最罕用的 IDE Visual Studio Code 搬进了浏览器。StackBlitz 反对一键配置 Angular、Reart、Ionic、TypeScript、RxJS、Svelte 等 JavaScript 框架。这个在线 IDE 能够用来在线尝试一些样例代码或库,无需在本地从头搭建环境。

微软官网其实也提供了在线版本的 VSCode,能够在浏览器内应用 VSCode,并且反对开发 Node.js 我的项目(基于 Azure)。不过 StackBlitz 更专一于优化前端开发体验,界面更加直观一点,也推出了 beta 版本的 Node.js 反对(基于 GCP,须要填表申请)。

05. Bit.dev

软件开发的根本准则之一就是代码复用。代码复用缩小了开发量,让你不必从头开发组件。这正是 Bit.dev 做的事,分享可重用的组件和片段,升高开发量,减速开发过程。

Bit.dev 能够用来创立设计体系,容许团队内的开发者和设计师一起合作,从头搭建一套设计体系。Bit.dev 目前反对 React、Vue、Angular、Node 及其他 JavaScript 框架。

在 Bit.dev 上不仅能够搜寻组件,还能够间接查看组件的依赖,浏览组件的代码,甚至在线编辑代码并查看预览成果!选好组件后能够通过 Bit.dev 的命令行工具 bit 在本地我的项目引入组件,也能够通过 npm、yarn 引入组件。

06. CanIUse

CanIUse 是十分好用的在线工具,能够不便地查看各大浏览器对某个个性的反对水平。

CanIUse 还能够在命令行下应用,例如,在命令行下查看 WebP 图像格式的浏览器兼容性:caniuse webp(运行命令前须要当时通过 npm install -g caniuse-cmd 装置命令行工具。


本文参加了 SegmentFault 思否征文「1024 征文活动」,欢送正在浏览的你也退出。

退出移动版