认识达内从这里开始

掌握更多的软件编程开发工具能够让程序员的工作效率得到很大的提升，而今天我们就通过案例分析来了解一下，程序员应该掌握的五种在线开发工具。

1.EnjoyCSS

老实说，虽然我做过许多前端开发，但我并不擅长CSS。当我陷入困境时，EnjoyCSS是我的大救星。EnjoyCSS提供了一个简单的交互界面，帮助我设计元素，然后自动输出相应的CSS代码。

EnjoyCSS可以输出CSS、LESs、sCSS代码，并支持指定需要支持哪些浏览器及其低版本。开发简单页面时用起来比较方便，但不太适合复杂一点的前端项目(这类项目往往需要引入CSS框架)。

2.PrettierPlayground

Prettier是一个代码格式化工具，支持格式化JavaScript代码(包括ES2017、JSX、Angular、Vue、Flow、TypeScript等)。Prettier会移除代码原本的样式，替换为遵循佳实践的标准化、一致的样式。IDE大多支持Prettier工具，不过Prettier也有在线版本，让你可以在浏览器里格式化代码。

如果工作电脑不在手边，使用移动端设备或者临时借用别人的电脑查看代码时，PrettierPlayground非常好用。相比在IDE或编辑器下使用Prettier，个人更推荐通过gitpre-commithook配置Prettier：hook可以保证整个团队使用统一的配置，免去各自分别配置IDE或编辑器的麻烦。如果是老项目，hook还可以设置只格式化有改动的单个文件甚至有改动的代码段，避免在IDE或编辑器下使用Prettier时不小心格式了大量代码，淹没了commit的主要改动，让review代码变得十分痛苦。

3.Postman

Postman一直在我的开发工具箱里，测试后端API接口时非常好用。GET、POST、DELETE、OPTIONS、PUT这些方法都支持。毫无疑问，你应该使用这个工具。

Postman之外，Insomnia也是很流行的RESTAPI测试工具，亮点是支持GraphQL。不过Postman从去年夏天发布的v7.2起也支持了GraphQL。

4.StackBlitz

ChidumeNnamdi盛赞这是每个用户喜欢的在线IDE。StackBlitz将大家喜欢、常用的IDEVisualStudioCode搬进了浏览器。

StackBlitz支持一键配置Angular、React、Ionic、TypeScript、RxJs、svelte等JavaScript框架，也就是说，只需几秒你就可以开始写代码了。

我觉得这个在线IDE很有用，特别是可以在线尝试一些样例代码或者库，否则仅仅尝试一些新特性就需要花很多时间在新项目初始化配置上。有了StackBlitz，无需在本地从头搭建环境，花上几分钟就可以试用一个NPM包。很棒，不是吗?

微软官方其实也提供了在线版本的VSCode，可以在浏览器内使用VSCode，并且支持开发Node.js项目(基于Azure)。不过StackBlitz更专注于优化前端开发体验，界面更加直观一点，也推出了beta版本的Node.js支持(基于GCP，需要填表申请)。

5.Bit.dev

软件开发的基本原则之一就是代码复用。代码复用减少了开发量，让你不用从头开发组件。

这正是Bit.dev做的事，分享可重用的组件和片段，降低开发量，加速开发进程。

除了公开分享，它还支持在团队分享，让团队协作更方便。

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请在707945861群中学习了解。