6 個前端開發必備工具，提升你的生產力

網絡爲咱們提供了多種多樣的前端工具，我挑選了6個實用的前端工具，能幫助你們提升工做效率。

1.EnjoyCSS

老實說，我作過不少的前端開發，但一直不擅長CSS。

這個簡單易上手的工具在不少時候給了我極大的幫助。它既是一個代碼生成器，也是一個視覺編輯器。

你能夠用它來建立各類網頁元素，例如按鈕、輸入框，同時給它們添加自定CSS3屬性。

2.Prettier Playground

Prettier是一個代碼格式化工具，支持JavaScript, ES2017, JSX, Angular, Vue, Flow, TypeScript等。

它可以解析代碼，使用你本身設定的規則來從新打印出格式規範的代碼。

這個工具很是流行，而且有一個線上版本。

3.Postman

Postman是一種網頁調試與發送網頁http請求的chrome插件。

咱們能夠用來很方便的模擬get或者post或者其餘方式的請求來調試接口。

我從事開發來，Postman就一直存在於個人開發工具列表中。

4.StackBlitz

Chidume Nnamdi 曾說，這是每一個用戶最喜歡的在線IDE工具。

主要緣由是它將咱們最喜歡和最經常使用的IDE引入了Web — Visual Studio Code。

StackBlitz容許您一鍵設置Angular，React，Ionic，TypeScript，RxJS，Svelte和其餘JavaScript框架。

因爲有了這個方便的功能，您能夠在不到五秒鐘的時間內開始編碼。

5.Bit.dev

軟件開發的一項基本原則是代碼可重用性。這使您能夠減小開發工做，由於您無需從頭開始構建組件。

這正是Bit.dev所作的。它使您能夠共享可重用的代碼組件和代碼片斷，從而使您減小開銷並加快開發過程。

它還容許在團隊之間共享組件，這使您的團隊能夠與其餘團隊協做。

6.CanIUse

這個在線工具很是方便，由於它使您能夠了解所實現的功能是否與您但願使用的瀏覽器兼容。

爲了瞭解這一點，讓咱們檢查一下哪些瀏覽器支持WebP圖像格式。

如您所見，目前不支持Safari和IE。這意味着您應該爲不兼容的瀏覽器提供一個後備選項。下面的代碼段是支持全部瀏覽器的最經常使用WebP圖像實現。

本文翻譯自: 6 Must-Use Tools for Front-End Development---by Mahdhi Rezvi

---

前端課程推薦：

《JavaScript 基礎課程》（免費）
《HTML 基礎課程》（免費）
《CSS 基礎課程》（免費）
《HTML5 基礎教程》（免費）