推薦 12 個(gè)學(xué)習(xí)前端必備的神仙級(jí)工具類項(xiàng)目與網(wǎng)站
今天給大家推薦的是平時(shí)學(xué)習(xí)前端時(shí)，經(jīng)常用到的一些輔助工具類網(wǎng)站。
1. codelf
有一種痛，不是程序員可能不懂，但如果是程序員一定懂，那就是給變量或函數(shù)命名。
隨著項(xiàng)目越來(lái)越復(fù)雜，變量和函數(shù)數(shù)量越來(lái)越多，英語(yǔ)水平貌似也 hold 不住了。
雖然每個(gè)編程語(yǔ)言都有各種命名規(guī)范，但是也不能解決所有的問(wèn)題。
每個(gè)程序員或多或少都在寫代碼的時(shí)候?yàn)樽兞亢秃瘮?shù)命名苦惱過(guò)！
也可以在自己用的編輯器里安裝插件，支持 VS Code、Atom、Sublime Text 和 Chrome。
超級(jí)貓就是用 VS Code，也有裝這個(gè)插件呢。
unbug.github.io/codelf/
2. docschina
印象中文，為 Web 前端開(kāi)發(fā)人員提供優(yōu)質(zhì)中文文檔。
www.docschina.org
3. regexr
RegExr 是一個(gè)基于 HTML/JS 開(kāi)發(fā)的在線工具，用來(lái)創(chuàng)建、測(cè)試和學(xué)習(xí)正則表達(dá)式。
特性
輸入時(shí)，結(jié)果會(huì)實(shí)時(shí)更新
支持 JavaScript 和 PHP/PCRE RegEx
將匹配項(xiàng)或表達(dá)式移至詳細(xì)信息
保存并與他人共享表達(dá)式
在編輯器中使用 cmd-Z/Y 撤消和重做
regexr.com/
4. any-rule
any-rule 正則表達(dá)式
any-rule 維護(hù)了一個(gè)常用正則表達(dá)式合集，并且本身是一個(gè)支持 Web/VS Code/idea/Alfred Workflow 多平臺(tái)的正則表達(dá)式工具。
github.com/any86/any-r…
5. CSS Sprites Generato
在很多前端展示頁(yè)面需要用到將小圖標(biāo)拼合為一整個(gè)圖片，然后在使用的時(shí)候，自動(dòng)裁剪為單一圖片展示。
這個(gè)時(shí)候就需要一個(gè)便捷的工具，CSS Sprites Generator ?就是這樣一個(gè)便捷的CSS圖像拼合工具。
比如多張圖片生成雪碧圖，還有國(guó)內(nèi)的 CDN 庫(kù)，趕緊去試一試吧。
www.toptal.com/developers/…
6. tool.lu
眾多工具集合，包括時(shí)間戳轉(zhuǎn)換，進(jìn)制轉(zhuǎn)換等
tool.lu/
7. bootcdn / baomitu
國(guó)內(nèi)的CDN庫(kù)，速度快
www.bootcdn.cn/ 或 cdn.baomitu.com/
8. jsdelivr
國(guó)外的 cdn 庫(kù)，支持 github，npm，WordPress。
www.jsdelivr.com
9. gitignore
根據(jù)選擇會(huì)去生成 .gitignore 文件。
根據(jù)用戶輸入的語(yǔ)言類型或者平臺(tái)類型，自動(dòng)生成對(duì)應(yīng)的 gitignore 文件。
例如，輸入 Vue，React，點(diǎn)擊 "Create" 即可。
www.gitignore.io/
10. codesandbox
CodeSandbox 是一個(gè)在線的代碼編輯器，主要聚焦于創(chuàng)建 Web 應(yīng)用項(xiàng)目。
支持主流的前端相關(guān)文件的編輯：JavaScript、TypeScript、CSS、Less、Sass、Scss、HTML、PNG 等。
支持自動(dòng)代碼提示。
比如選擇創(chuàng)建相關(guān)的項(xiàng)目
可以直接編輯代碼運(yùn)行
codesandbox.io/
11. typora
實(shí)用的 Markdown 寫作工具，所見(jiàn)即所得。
www.typora.io
12. mdnice
MDNice 微信 Markdown 編輯器是一款 Markdown 微信編輯器,擁有良好的兼容性、海量主題樣式、免費(fèi)的圖床、強(qiáng)大的技術(shù)團(tuán)隊(duì),提供文章一鍵排版,同時(shí)支持知乎、掘金、微信。
使 markdown 語(yǔ)法更加美觀，如果你有寫博客，那這個(gè)非常合適你，強(qiáng)烈推薦。
這個(gè)工具是大鵬大佬開(kāi)發(fā)的，超級(jí)貓一直有用這個(gè)工具，那個(gè)工具倉(cāng)庫(kù) Star 還不到 200 的時(shí)候就給它點(diǎn)贊了，因?yàn)閷?shí)在是好用，覺(jué)得肯定會(huì)火，現(xiàn)在的確是火了，幾乎經(jīng)常寫博客的人都知道和用它。
超級(jí)貓還貢獻(xiàn)了 2 種主題呢，里面的 綠意、科技藍(lán) 的主題就是筆者貢獻(xiàn)的，哈哈。
github.com/mdnice/mark…
最后
了解更多，請(qǐng)點(diǎn)擊：https://www.bilibili.com/video/BV13a4y1n7tS/
作者：天明夜盡
鏈接：https://juejin.cn/post/6911710329185501191
來(lái)源：掘金
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
