前言
在平時的開發作業中我們需要使用到很多的工具來輔助我們的開發，也經常會查閱很多的網站來收集資料，下面具體總結了開發程序中的常用的18款工具分享給大家，很實用，可以收藏這樣需要時很快能找到，點擊標題就會直接跳轉到工具頁面，
也歡迎小伙伴們在評論區分享和安利出你們覺得有用的工具，
1、 Web Developer 瀏覽器插件
一款服務于 Web 開發者的瀏覽器插件，可以針對該網站做更深入的操作，如
- 禁止 Javascript
- 禁止 CSS
- 顯示頁面所有圖片
- …
2、 Emmet: Web 開發者的利器
高效的前端開發利器，可在 Vue/React 中快速書寫修改 HTML/CSS，并支持多種編輯器，如流行的 VSCode，
它最大的功能就是把 CSS 樣式的縮寫 轉化為 HTML，如輸入 #page>(#header>ul#nav>li*4>a)+(#content>h1{Hello world}+p)+#footer，并按下 Tab 鍵，自動生成以下 HTML
<div id="page">
<div id="header">
<ul id="nav">
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</div>
<div id="content">
<h1>Hello world</h1>
<p></p>
</div>
<div id="footer"></div>
</div>
以上擴展縮寫的功能被稱為 Expand Abbreviation，除此之外，它還有更多細致的功能，這些功能在 Emmet 中被稱為 Action
- 去除最外層標簽
- 包裹選中的標簽
- …
3、 URL-encoder for SVG
把 SVG 轉化為 DataURI，并嵌入到 CSS 樣式中
4、 Svg Viewer
可視化 SVG，并支持壓縮圖片、轉化為 React/RN 組件、轉化為 png 格式的圖片等
5、 svg-term-cli: 把終端操作錄制為 SVG 影片
基于 asciinema 的一款軟體，使用 javascript 撰寫，可把終端動作錄制為 svg 影片
$ cat demo.cast | svg-term > demo.svg
6、 asciinema: 終端動作錄制軟體
使用 python 撰寫的一款可記錄終端操作命令影片的工具軟體，可在線播放，借助第三方工具可以轉化為 gif 影片或者 svg 影片，
使用以下兩行命令可快速開始錄制終端，
$ brew install asciinema
$ asciinema rec
7、 Prettier Playground: 任意語言代碼格式化
Prettier 是一款優秀的代碼格式化工具
8、 Chrome Platform Status: Chrome 發布版本新特性大覽
列舉每一個 Chrome 的新特性大全，目前的穩定版本及下一個版本的發布日期等，
9、 cssffects: 多種超實用 CSS 影片
收集多種 CSS 影片，大部分是各種 hover 效果、loading 影片等，純 CSS 實作，收藏以備獨立設計網站時的不時之需，
10、 SVG Wave Generator
隨機生成一個波浪SVG，可調整鋸齒、波折程度等，并可保存為 SVG/PNG/JPG
11、 Explain Shell: 圖示任一命令列每個引數的釋義
可稱之為學習及書寫 shell 的最佳輔助神器，輸入任一 linux 命令，都會一一指出每個引數的釋義，PIPE 嵌套且復雜的命令也可決議，
12、 Browser Logos: 瀏覽器高清解析度 Logo
這是 Github 的一個倉庫，你可以直接參考地址，找到任意瀏覽器高清解析度的Logo，
如果參考 Github 地址比較慢的話，你可以試試 jsdelivr 的 CDN
13、 User Agents: 關于 UA 的一切
擁有大量 UA 的資料庫及相關功能
- 可獲取任意平臺的 UA (Mac/Windows/Android)
- 可獲取任意 Spider/Crawer 的 UA (Baidu/Google/Bing)
- 可隨機生成 UA
- 可決議 UA
14、 risingstars: 2020年 Javascript 明星專案
2021 年，JS 各個生態圈中最流行的框架及周邊產物，如 React 生態圈、Vue 生態圈、GraphQL 生態圈、構建工具生態圈等
15、 Lorem Picsum: 隨機一張指定尺寸圖片 API
https://picsum.photos/200/200 將隨機從 Unsplash 取一張指定尺寸的圖片
- repo: DMarby/picsum-photos
16、 bestofjs: 發現 Javascript 最好的框架與庫
這里有 JS 生態最流行的庫，實時重繪并推薦，并且可每周訂閱
- repo: ritz078/transform
17、 TableConvert: 關于表格及任意格式的雙向轉換
支持 Excel、URL、HTML、Markdown、CSV、JSON、LaTeX、SQL、MediaWiki等任意格式的相互轉換
18、 transform: 編程語言任意格式轉化
支持各種代碼轉化的工具，SVG、JSON、TS、GraphQL、CSS、SQL，只要你能想到的這里都有，光 JSON 就可以轉化為十幾種代碼格式，
分享的18款工具有沒有小伙伴使用同款呀，喜歡這篇文章小伙伴們點贊+轉發支持小編噢！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/279612.html
標籤：其他