RM新时代网站-首页

0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

六款程序員必看的前端在線開發(fā)工具

如意 ? 來源:緯創(chuàng)軟件 ? 作者:緯創(chuàng)軟件 ? 2021-04-05 17:03 ? 次閱讀

1、EnjoyCSS

EnjoyCSS提供了一個(gè)簡(jiǎn)單的交互界面,對(duì)于并不擅長(zhǎng)CSS的朋友簡(jiǎn)直就是救星。設(shè)計(jì)元素,自動(dòng)輸出相應(yīng)的 CSS 代碼??梢暂敵鯨ESS、SCSS 代碼,甚至可以指定支持哪些的瀏覽器和,瀏覽器的最低版本,使用起來非常方便,缺點(diǎn)是并不適合復(fù)雜的前端項(xiàng)目。

2、Prettier Playground

[Prettier]是一款代碼格式化工具,左右兩欄的操作界面,左邊是原始代碼,右邊是格式化后的代碼。支持多種格式的代碼,[JSX]、[Angular]、[Vue]等等。它會(huì)移除代碼原本的樣式,替換成標(biāo)準(zhǔn)化的代碼樣式,IDE 大多支持 Prettier 工具。值得一提的是, Prettier 也有在線版本,在瀏覽器中也可格式化代碼。

個(gè)人推薦通過 git pre-commit hook 配置 Prettier:hook 可以保證整個(gè)團(tuán)隊(duì)使用統(tǒng)一的配置,免去了重復(fù)配置IDE或者編輯器的麻煩,如果是之前的項(xiàng)目,hook 還可以設(shè)置只格式化有改動(dòng)的單個(gè)文件甚至是代碼段,避免在 IDE 或編輯器下使用 Prettier 時(shí)不小心格式了大量代碼,淹沒了 commit 的主要改動(dòng),讓 review 代碼變得十分痛苦。

3、Postman

一款測(cè)試后端API接口非常好用的工具,一直是前端工作的必備工具之一,支持方法多,GET、POST、DELETE等等, v7.2 也早就開始支持 GraphQL了。

4、StackBlitz

作為眾多用戶喜愛的在線 IDE。[StackBlitz] 將大家常用到的 IDE Visual Studio Code 搬進(jìn)了瀏覽器。支持一鍵配置 Angular、[React]、Ionic、TypeScript、RxJS、[Svelte] 等 JavaScript 框架,無需在本地浪費(fèi)時(shí)間重新搭建環(huán)境,可以快速著手代碼部分。

5、Bit.dev

Bit.dev是一款可以大大提升代碼復(fù)用率的開發(fā)工具,分享可重用的組件和片段,降低開發(fā)量,加速開發(fā)進(jìn)程。還支持團(tuán)隊(duì)分享,允許團(tuán)隊(duì)內(nèi)的開發(fā)者和設(shè)計(jì)師一起協(xié)作,重新搭建一套設(shè)計(jì)體系。查看組件的依賴,瀏覽組件的代碼,甚至在線編輯代碼并查看預(yù)覽效果!選好組件后可以通過 Bit.dev 的命令行工具 bit 在本地項(xiàng)目引入組件,也可以通過 npm、yarn 引入組件。

6、CanIUse

[CanIUse]可以很好地幫助開發(fā)者查看,自己的應(yīng)用在各大瀏覽器的支持程度,避免瀏覽器的兼容性問題。

類似的工具還有很多,之后會(huì)慢慢跟大家介紹。那么,這些工具中,你覺得哪一款有讓你覺得需要改進(jìn)的地方呢?
責(zé)編AJX

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • 開發(fā)工具
    +關(guān)注

    關(guān)注

    0

    文章

    209

    瀏覽量

    22253
  • 前端
    +關(guān)注

    關(guān)注

    1

    文章

    192

    瀏覽量

    17748
收藏 人收藏

    評(píng)論

    相關(guān)推薦

    Java程序員必看面試題

    Java程序員年底必看的初級(jí)~高級(jí)技術(shù)面試題
    發(fā)表于 06-18 13:19

    ADO程序員指南

    ADO 程序員指南要了解對(duì)《Microsoft ActiveX Data Objects (ADO) 程序員指南》的簡(jiǎn)介,請(qǐng)參閱以下主題: ADO 程序員指南已經(jīng)編制完成,其目的是要幫助作為 ADO 新手的
    發(fā)表于 05-10 11:20 ?3次下載

    web前端開發(fā)工具排行:8html開發(fā)工具推薦下載

    前端負(fù)責(zé)實(shí)現(xiàn)頁(yè)面效果,后端主要負(fù)責(zé)功能開發(fā)。那web開發(fā)都用什么工具呢?最常用的前端開發(fā)工具有哪
    的頭像 發(fā)表于 02-01 17:20 ?8.5w次閱讀

    程序員如何定義

    當(dāng)了幾年的程序員了,一直都在想一個(gè)問題,什么是程序員,程序員應(yīng)該做好那些事情,什么樣的程序員是有素質(zhì)的程序員?什么樣的
    的頭像 發(fā)表于 12-18 14:15 ?2621次閱讀

    web前端程序員到底值多少錢

    對(duì)于互聯(lián)網(wǎng)公司來說用戶就是上帝,做好客戶體驗(yàn)一切才有可能。所以互聯(lián)網(wǎng)公司都會(huì)把錢砸向前端,Web前端程序員也越來越受到企業(yè)爭(zhēng)相聘用。那么web前端
    的頭像 發(fā)表于 03-21 10:50 ?3524次閱讀

    成為合格的WEB前端程序員需要具備些什么

    自己經(jīng)常與前端程序員接觸,下面就來聊聊一個(gè)合格的WEB前端都需要具備些什么?
    的頭像 發(fā)表于 05-24 16:28 ?2046次閱讀

    菜鳥程序員和大神程序員的差距

    剛剛走出就業(yè)的程序員,技術(shù)是剛剛起步的基點(diǎn)。那下面我們就聊一聊有關(guān)技術(shù)的東西。首先請(qǐng)您先想想這幾個(gè)問題?,F(xiàn)在社會(huì)上有很多程序員,CSDN就是我們程序員的家,那您是否可想過程序員為什么會(huì)
    的頭像 發(fā)表于 06-03 15:56 ?2524次閱讀

    什么是程序員

    當(dāng)了幾年的程序員了,一直都在想一個(gè)問題,什么是程序員,程序員應(yīng)該做好那些事情,什么樣的程序員是有素質(zhì)的程序員?什么樣的
    的頭像 發(fā)表于 06-04 16:21 ?8984次閱讀

    程序員的未來

    程序員出路在何方程序員 創(chuàng)業(yè)如果你是程序員,也想創(chuàng)業(yè),看看我說的。
    的頭像 發(fā)表于 06-12 17:29 ?2945次閱讀

    優(yōu)秀程序員與糟糕程序員的變現(xiàn)差異

    軟件蠶食一切,未來屬于程序員。所以人人都想當(dāng)程序員。但是并不是每個(gè)人都能當(dāng)好程序員。在你做出決定前還是先看看自己能不能當(dāng)好程序員吧。
    的頭像 發(fā)表于 11-07 16:14 ?3063次閱讀

    6個(gè)高效的前端開發(fā)工具

    高效的前端開發(fā)工具有哪些?在互聯(lián)網(wǎng)中許多開發(fā)工具可以讓前端開發(fā)人員的工作生活變得更加輕松。應(yīng)用程序
    的頭像 發(fā)表于 01-05 16:00 ?4547次閱讀

    程序員常用的代碼比較工具

    程序開發(fā)的過程中,程序員會(huì)經(jīng)常對(duì)源代碼以及庫(kù)文件進(jìn)行代碼對(duì)比,在這篇文章里我們向大家介紹程序員
    的頭像 發(fā)表于 01-06 17:05 ?3534次閱讀

    主流編程開發(fā)工具分享介紹

    俗話說的好:工欲善其事,必先利其器。一好的開發(fā)工具對(duì)程序員來說是至關(guān)重要的,可以降低開發(fā)成本、提高開發(fā)的效率和代碼質(zhì)量。 所以今天分享一些
    的頭像 發(fā)表于 08-27 10:09 ?2095次閱讀

    5程序員最佳的代碼比較工具

    程序員都有自己私藏的編程必備工具,接下來小編就給大家推薦5程序員最佳的代碼比較工具。 一:Beyond Compare 推薦:★★★★★
    的頭像 發(fā)表于 05-23 10:35 ?5533次閱讀
    5<b class='flag-5'>款</b><b class='flag-5'>程序員</b>最佳的代碼比較<b class='flag-5'>工具</b>

    AI編程工具會(huì)不會(huì)搶程序員飯碗

    AI編程工具可輔助編程,減少手動(dòng)編碼,提升效率,對(duì)程序員有積極影響也有挑戰(zhàn)。程序員需深化技能、拓寬知識(shí)應(yīng)對(duì)。長(zhǎng)遠(yuǎn)看,AI與人類程序員將共生共榮。
    的頭像 發(fā)表于 11-08 10:17 ?155次閱讀
    RM新时代网站-首页