網路為我們提供了多種多樣的前端工具，我挑選了6個實用的前端工具，能幫助大家提高作業效率，

1.EnjoyCSS

老實說，我做過很多的前端開發，但一直不擅長CSS，

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

你可以用它來創建各種網頁元素，例如按鈕、輸入框，同時給它們添加自定CSS3屬性，

2.Prettier Playground

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

它能夠決議代碼，使用你自己設定的規則來重新列印出格式規范的代碼，

這個工具非常流行，并且有一個線上版本，

Postman是一種網頁除錯與發送網頁http請求的chrome插件，

我們可以用來很方便的模擬get或者post或者其他方式的請求來除錯介面，

我從事開發來，Postman就一直存在于我的開發工具串列中，

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

主要原因是它將我們最喜歡和最常用的IDE引入了Web — Visual Studio Code，

StackBlitz允許您一鍵設定Angular，React，Ionic，TypeScript，RxJS，Svelte和其他JavaScript框架，

由于有了這個方便的功能，您可以在不到五秒鐘的時間內開始編碼，

軟體開發的一項基本原則是代碼可重用性，這使您可以減少開發作業，因為您無需從頭開始構建組件，

這正是Bit.dev所做的，它使您可以共享可重用的代碼組件和代碼片段，從而使您減少開銷并加快開發程序，

它還允許在團隊之間共享組件，這使您的團隊可以與其他團隊協作，

這個在線工具非常方便，因為它使您可以了解所實作的功能是否與您希望使用的瀏覽器兼容，

為了了解這一點，讓我們檢查一下哪些瀏覽器支持WebP影像格式，

如您所見，目前不支持Safari和IE，這意味著您應該為不兼容的瀏覽器提供一個后備選項，下面的代碼段是支持所有瀏覽器的最常用WebP影像實作，

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

前端課程推薦：

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

轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/36495.html

標籤：其他