六款程序员必看的前端在线开发工具
1、enjoycss
enjoycss提供了一个简单的交互界面，对于并不擅长css的朋友简直就是救星。设计元素，自动输出相应的 css 代码。可以输出less、scss 代码，甚至可以指定支持哪些的浏览器和，浏览器的最低版本，使用起来非常方便，缺点是并不适合复杂的前端项目。
2、prettier playground
［prettier］是一款代码格式化工具，左右两栏的操作界面，左边是原始代码，右边是格式化后的代码。支持多种格式的代码，［jsx］、［angular］、［vue］等等。它会移除代码原本的样式，替换成标准化的代码样式，ide 大多支持 prettier 工具。值得一提的是， prettier 也有在线版本，在浏览器中也可格式化代码。
个人推荐通过 git pre-commit hook 配置 prettier：hook 可以保证整个团队使用统一的配置，免去了重复配置ide或者编辑器的麻烦，如果是之前的项目，hook 还可以设置只格式化有改动的单个文件甚至是代码段，避免在 ide 或编辑器下使用 prettier 时不小心格式了大量代码，淹没了 commit 的主要改动，让 review 代码变得十分痛苦。
3、postman
一款测试后端api接口非常好用的工具，一直是前端工作的必备工具之一，支持方法多，get、post、delete等等， v7.2 也早就开始支持 graphql了。
4、stackblitz
作为众多用户喜爱的在线 ide。［stackblitz］ 将大家常用到的 ide visual studio code 搬进了浏览器。支持一键配置 angular、［react］、ionic、typescript、rxjs、［svelte］ 等 javascript 框架，无需在本地浪费时间重新搭建环境，可以快速着手代码部分。
5、bit.dev
bit.dev是一款可以大大提升代码复用率的开发工具，分享可重用的组件和片段，降低开发量，加速开发进程。还支持团队分享，允许团队内的开发者和设计师一起协作，重新搭建一套设计体系。查看组件的依赖，浏览组件的代码，甚至在线编辑代码并查看预览效果！选好组件后可以通过 bit.dev 的命令行工具 bit 在本地项目引入组件，也可以通过 npm、yarn 引入组件。
6、caniuse
［caniuse］可以很好地帮助开发者查看，自己的应用在各大浏览器的支持程度，避免浏览器的兼容性问题。
类似的工具还有很多，之后会慢慢跟大家介绍。那么，这些工具中，你觉得哪一款有让你觉得需要改进的地方呢？
责编ajx
大疆带四款新品 勇闯CES国际科技展
晶体管削波电路图，晶体管电路波形图解
发光二极管串多大电阻接入220V
自动驾驶和ADAS功能对汽车座舱安全设计有何影响
加密公司双子信托推出“双子币”可以在“智能合约”的专门程序来发送
六款程序员必看的前端在线开发工具
储能行业如何有效解决电能质量问题？
接线端子已广泛应用于世界电工和电子工程之中
新型大功率直流充电桩需要超高压电容强有力的支撑
【回顾往年CES】虚拟现实与无人机占据整个焦点，未来的画面展现在眼前
基于区块链技术驱动的电子商务系统Bezop介绍
地面三维激光扫描仪对地形图的测区进行三维激光扫描测量
测试表现优秀的模型就真的能很好解决真实世界的问题吗？
疑似华为Mate40 Pro的真机再次在地铁上曝光
H45雷蛇灵刃15精英版 工作和娱乐的双赢
揭开电咖ENOVATE首款高端SUV的神秘面纱
启明云端分享|ESP-T01烧录器使用介绍（ESP32/ESP8266专用烧录工具）
智慧城市运维如何去突破
三星Note8最新消息，三星Note8外形，配色，充电参数抢先看，这样的Note8你们喜欢吗？
什么是pid控制,其控制作用是什么
enjoycss提供了一个简单的交互界面，对于并不擅长css的朋友简直就是救星。设计元素，自动输出相应的 css 代码。可以输出less、scss 代码，甚至可以指定支持哪些的浏览器和，浏览器的最低版本，使用起来非常方便，缺点是并不适合复杂的前端项目。
2、prettier playground
［prettier］是一款代码格式化工具，左右两栏的操作界面，左边是原始代码，右边是格式化后的代码。支持多种格式的代码，［jsx］、［angular］、［vue］等等。它会移除代码原本的样式，替换成标准化的代码样式，ide 大多支持 prettier 工具。值得一提的是， prettier 也有在线版本，在浏览器中也可格式化代码。
个人推荐通过 git pre-commit hook 配置 prettier：hook 可以保证整个团队使用统一的配置，免去了重复配置ide或者编辑器的麻烦，如果是之前的项目，hook 还可以设置只格式化有改动的单个文件甚至是代码段，避免在 ide 或编辑器下使用 prettier 时不小心格式了大量代码，淹没了 commit 的主要改动，让 review 代码变得十分痛苦。
3、postman
一款测试后端api接口非常好用的工具，一直是前端工作的必备工具之一，支持方法多，get、post、delete等等， v7.2 也早就开始支持 graphql了。
4、stackblitz
作为众多用户喜爱的在线 ide。［stackblitz］ 将大家常用到的 ide visual studio code 搬进了浏览器。支持一键配置 angular、［react］、ionic、typescript、rxjs、［svelte］ 等 javascript 框架，无需在本地浪费时间重新搭建环境，可以快速着手代码部分。
5、bit.dev
bit.dev是一款可以大大提升代码复用率的开发工具，分享可重用的组件和片段，降低开发量，加速开发进程。还支持团队分享，允许团队内的开发者和设计师一起协作，重新搭建一套设计体系。查看组件的依赖，浏览组件的代码，甚至在线编辑代码并查看预览效果！选好组件后可以通过 bit.dev 的命令行工具 bit 在本地项目引入组件，也可以通过 npm、yarn 引入组件。
6、caniuse
［caniuse］可以很好地帮助开发者查看，自己的应用在各大浏览器的支持程度，避免浏览器的兼容性问题。
类似的工具还有很多，之后会慢慢跟大家介绍。那么，这些工具中，你觉得哪一款有让你觉得需要改进的地方呢？
责编ajx
大疆带四款新品 勇闯CES国际科技展
晶体管削波电路图，晶体管电路波形图解
发光二极管串多大电阻接入220V
自动驾驶和ADAS功能对汽车座舱安全设计有何影响
加密公司双子信托推出“双子币”可以在“智能合约”的专门程序来发送
六款程序员必看的前端在线开发工具
储能行业如何有效解决电能质量问题？
接线端子已广泛应用于世界电工和电子工程之中
新型大功率直流充电桩需要超高压电容强有力的支撑
【回顾往年CES】虚拟现实与无人机占据整个焦点，未来的画面展现在眼前
基于区块链技术驱动的电子商务系统Bezop介绍
地面三维激光扫描仪对地形图的测区进行三维激光扫描测量
测试表现优秀的模型就真的能很好解决真实世界的问题吗？
疑似华为Mate40 Pro的真机再次在地铁上曝光
H45雷蛇灵刃15精英版 工作和娱乐的双赢
揭开电咖ENOVATE首款高端SUV的神秘面纱
启明云端分享|ESP-T01烧录器使用介绍（ESP32/ESP8266专用烧录工具）
智慧城市运维如何去突破
三星Note8最新消息，三星Note8外形，配色，充电参数抢先看，这样的Note8你们喜欢吗？
什么是pid控制,其控制作用是什么