您的位置:首頁 > 手機數碼

                                            一位多年老前端的工具集合

                                            發布時間:2022-04-11 15:11:56  來源:IT資訊網    采編:author  背景:

                                            切圖類插件

                                            cutterman

                                            assistor-ps

                                            作為頁面仔,自己的ps沒有一個好的插件怎么能行呢。

                                            預處理器和后處理器

                                            處理器

                                            Less

                                            Sass

                                            Stylue

                                            autoprefixer

                                            編譯工具

                                            gulp-autoprefixer

                                            gulp-less

                                            gulp-sass

                                            gulp-stylus

                                            gulp-sourcemaps 用來在瀏覽器中調試自己寫的less\sass\stylus,能夠準確在開發中工具定位。

                                            koala 不想使用gulp\grunt等自動化工具來編譯的話,可以使用這個,全平臺支持。

                                            編譯工具中我常用到的gulp,所以都是依賴gulp插件的。如果你是使用別的自動化工具的話,可以去npm package官網上尋找你要的插件。

                                            CSS 在線生成工具

                                            CSS小工具集合

                                            CSS3 Maker

                                            Border Radius

                                            CSS3 Generator

                                            CSS3 Tool

                                            CSS3 Keyframes Animation Generator

                                            Ceaser - CSS Easing Animation Tool - Matthew Lein

                                            Stylie

                                            在線的css3工具,作為學習和編寫css特效項目有很大的幫助。尤其是css3動畫的制作。

                                            自動化工具

                                            npm

                                            bower

                                            gulp

                                            grunt

                                            fis3

                                            webpack -> 翻譯文檔

                                            自動化工具用來安裝依賴和構建項目,能夠很方便的處理那些繁瑣的事情如:壓縮、打包、編譯等。

                                            調試工具

                                            Browsersync

                                            微信調試工具

                                            BrowserStack Local 一款要收費的chrome插件,提供許多許多版本的瀏覽器可以測試(遠程開虛擬機,然后我們在瀏覽器里面可以看到)。還支持一些安卓和ios模擬器的查看(也有免費的可以用,不過可用的瀏覽器就很少了)。

                                            WEB前端助手(FeHelper) 也是一款chrome的插件,功能的話可以點開鏈接看看。

                                            調試工具可以解放我們的f5鍵和能夠更加方便的在手機上調試。大大提高生產力!

                                            Sublime 插件

                                            我的 Sublime Text 必備插件 列出了一些常用的插件以及安裝和使用的方法,適合***次使用的童鞋。

                                            Sublime collection

                                            建議大家把自己的package都上傳到github或者coding之類的代碼托管平臺,以后換電腦的時候就再也不用重新的去安裝那些插件了。

                                            其他

                                            Landscaping With Frontend Development Tools

                                            Frontend Tools

                                            醉牛前端

                                            正則表達式工具

                                            caniuse-cmd 知道 caniuse 的童鞋都懂。

                                            ***

                                            作為一個頁面仔,很需要有工具去輔助自己開發。例如:處理器、自動化工具、調試工具等。隨著自己的負責的項目越來越大,更需要這些工具去處理那些繁瑣的事情,讓我們能夠更加專注的去寫代碼。

                                              聲明:本文僅為傳遞更多網絡信息,不代表IT資訊網觀點和意見,僅供參考了解,更不能作為投資使用依據。


                                            返回網站首頁 本文來源:IT資訊網

                                            本文評論
                                            淺析綜合布線系統等級之間的差異
                                            在綜合布線系統的設計等級中一般情況下分為三種分別是
                                            日期:03-03
                                            一名架構師,他要如何做微服務技術選型?
                                            本篇為大家帶來微服務架構的后端技術選型,當你需要進行
                                            日期:04-05
                                            諾基亞計劃收購加拿大網絡安全司Nakina Systems
                                            諾基亞計劃收購加拿大網絡安全軟件公司Nakina Systems
                                            日期:03-17
                                            云容災:小心應對多hypervisor!
                                            不久之前,云DR廠商支持多hypervisor還是聞所未聞。但當
                                            日期:02-11
                                            如何使用VMware VDP 6.1備份、復制和恢復vSphere虛擬機
                                            VMware vSphere Data Protection 6.1是一種基于Liunx
                                            日期:01-22
                                            容器化微服務的持續集成\u002F持續交付
                                            微服務的許多優點,例如縮短開發時間、小且獨立發布、分
                                            日期:01-22
                                            看打車APP:再不轉型就死定了!
                                            打車App經歷了一陣子的喧囂過后,阿里投資快的打車,騰訊
                                            日期:03-01
                                            用戶體驗時代 Mist帶來云托管Wi-Fi新思路
                                            硅谷新的創業公司Mist推出了云托管Wi-Fi服務,并聲稱該
                                            日期:04-01
                                            筆記本雙屏設計到底是不是噱頭?一文秒懂
                                            從早年紅極一時的Acer Iconia,到近年來大家比較熟知的R
                                            日期:02-18
                                            服務器租用勿踩坑 安全自主不得不看
                                            通過服務器租用的方式,安裝相應的系統軟件及應用軟件以
                                            日期:01-24
                                            主流搜索引擎闖入 Linux 命令行世界
                                            為什么會有人要從終端搜索互聯網上的東西?我不清楚,這里
                                            日期:03-08
                                            五大自動化測試的Python框架
                                            本文通過實際例子討論了水平自動化縮放、垂直自動化縮
                                            日期:04-07
                                             

                                            精品无码久久午夜福利