6 个前端开发必备工具,提高你的生产力
網(wǎng)絡(luò)為我們提供了多種多樣的前端工具,我挑選了6個(gè)實(shí)用的前端工具,能幫助大家提高工作效率。
1.EnjoyCSS
老實(shí)說(shuō),我做過很多的前端開發(fā),但一直不擅長(zhǎng)CSS。
這個(gè)簡(jiǎn)單易上手的工具在很多時(shí)候給了我極大的幫助。它既是一個(gè)代碼生成器,也是一個(gè)視覺編輯器。
你可以用它來(lái)創(chuàng)建各種網(wǎng)頁(yè)元素,例如按鈕、輸入框,同時(shí)給它們添加自定CSS3屬性。
2.Prettier Playground
Prettier是一個(gè)代碼格式化工具,支持JavaScript, ES2017, JSX, Angular, Vue, Flow, TypeScript等。
它能夠解析代碼,使用你自己設(shè)定的規(guī)則來(lái)重新打印出格式規(guī)范的代碼。
這個(gè)工具非常流行,并且有一個(gè)線上版本。
3.Postman
Postman是一種網(wǎng)頁(yè)調(diào)試與發(fā)送網(wǎng)頁(yè)http請(qǐng)求的chrome插件。
我們可以用來(lái)很方便的模擬get或者post或者其他方式的請(qǐng)求來(lái)調(diào)試接口。
我從事開發(fā)來(lái),Postman就一直存在于我的開發(fā)工具列表中。
4.StackBlitz
Chidume Nnamdi 曾說(shuō),這是每個(gè)用戶最喜歡的在線IDE工具。
主要原因是它將我們最喜歡和最常用的IDE引入了Web — Visual Studio Code。
StackBlitz允許您一鍵設(shè)置Angular,React,Ionic,TypeScript,RxJS,Svelte和其他JavaScript框架。
由于有了這個(gè)方便的功能,您可以在不到五秒鐘的時(shí)間內(nèi)開始編碼。
5.Bit.dev
軟件開發(fā)的一項(xiàng)基本原則是代碼可重用性。這使您可以減少開發(fā)工作,因?yàn)槟鸁o(wú)需從頭開始構(gòu)建組件。
這正是Bit.dev所做的。它使您可以共享可重用的代碼組件和代碼片段,從而使您減少開銷并加快開發(fā)過程。
它還允許在團(tuán)隊(duì)之間共享組件,這使您的團(tuán)隊(duì)可以與其他團(tuán)隊(duì)協(xié)作。
6.CanIUse
這個(gè)在線工具非常方便,因?yàn)樗鼓梢粤私馑鶎?shí)現(xiàn)的功能是否與您希望使用的瀏覽器兼容。
為了了解這一點(diǎn),讓我們檢查一下哪些瀏覽器支持WebP圖像格式。
如您所見,目前不支持Safari和IE。這意味著您應(yīng)該為不兼容的瀏覽器提供一個(gè)后備選項(xiàng)。下面的代碼段是支持所有瀏覽器的最常用WebP圖像實(shí)現(xiàn)。
本文翻譯自: 6 Must-Use Tools for Front-End Development—by Mahdhi Rezvi
前端開發(fā)課程推薦:
《JavaScript 基礎(chǔ)課程》
《HTML 基礎(chǔ)課程》
《CSS 基礎(chǔ)課程》
《HTML5 基礎(chǔ)教程》
總結(jié)
以上是生活随笔為你收集整理的6 个前端开发必备工具,提高你的生产力的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 给新手看的 Micronaut 入门教程
- 下一篇: 使用卷积神经网络识别交通标志