一、學習類工具

1. 前端導航網站

鏈接： https://webjike.com/web.html

前端導航是小呆導航推出的前端開發行業版，收錄了大量高質量前端相關站點，為廣大用戶提供學習網站、學習方向、學習途徑、最新前端框架等內容。是國內收錄內容最全的前端導航。

2. CodePen

鏈接： https://codepen.io/

一個網站前端設計開發平臺，針對網站前端代碼的一個工具，上面有各種效果的案例特效（炫技），可以在他們的 demo 基礎上開發自己的前端設計。

二、開發類

1. TortoiseGit - git代碼管理工具

鏈接：TortoiseGit 安裝及使用教程

Git作為一個復雜的版本控制系統，命令之多，即使經常使用，一些命令也記不住，一般只記住幾個常用的命令，不是所有使用Git命令行都是高效的?？梢越柚粋€圖形化的軟件，TortoiseGit來操作git。

2. Sourcetree - Git可視化工具

官網： https://www.sourcetreeapp.com/

3. Can I Use - 前端兼容性自查工具

鏈接：https://caniuse.com/

這是一個針對前端開發人員定制的一個查詢CSS、JS在個中流行瀏覽器鐘的特性和兼容性的網站，可以很好的保證網頁的瀏覽器兼容性。有了這個工具可以快速的了解到代碼在各個瀏覽器鐘的效果。

4. ApiPost - 接口調試工具

鏈接： https://www.apipost.cn/

ApiPost是一個支持模擬POST、GET、PUT等常見HTTP請求,支持團隊協作,并可直接生成并導出接口文檔的API 文檔、調試、Mock、測試一體化協作平臺

5. Spy-Debugger - 一站式頁面調試工具

鏈接：Spy-Debugger使用教程

一站式頁面調試工具。調試任何手機瀏覽器頁面，任何手機移動端webview（如：微信，HybridApp等）。支持HTTP/HTTPS，無需USB連接設備。

6. 釘釘內網穿透

釘釘開發平臺官網： 內網穿透之HTTP穿透

釘釘團隊為了解決開發者開發時沒有公網域名或者公網ip，故開發了一套提供公共代理服務，目的是方面開發測試。

7. vConsole

鏈接：https://gitee.com/mirrors/vConsole/

vConsole 是一個輕量、可拓展、針對手機網頁的前端開發者調試面板。

特性

• 查看 console 日志
• 查看網絡請求
• 查看頁面 element 結構
• 查看 Cookies、localStorage 和 SessionStorage
• 手動執行 JS 命令行
• 自定義插件

三、辦公類

1. Snipaste - 截圖工具

鏈接：官網

snipaste功能簡單但操作方便，可以滿足基本日常使用。取色、開發者定位的是貼圖軟件，可以將截的一些圖貼在一起，便于工作拼圖、看圖的需求。

2. 格式工廠

鏈接：http://www.pcgeshi.com/

是一款免費多功能的多媒體格式轉換軟件。

• 支持幾乎所有類型多媒體格式到常用的幾種格式
• 轉換圖片文件支持縮放，旋轉，水印等功能
• 支持轉換過程中可以修復某些意外損壞的視頻文件

3. Everything - 文件搜索工具

下載鏈接： https://www.voidtools.com/zh-cn/

• 專治各種隨手下載，忘記存在哪里的文件，忘記文件名的文件。
• 只要你記得這個文件的部分信息，就可以通過everything找到。它體積小，僅索
• 如果你是在忘記了文件名稱，還可以用過函數content：來搜索文件內的內容。

4. Beyond Compare - 文件對比工具

官網下載地址：https://www.beyondcomparepro.com/download/

破解版下載地址：

鏈接：https://pan.baidu.com/s/1ORDbmEnO3a8y0PAd3CbRhg?pwd=vaff
提取碼：vaff

可以高效對比整個驅動器和文件夾，檢查大小和修改時間；或者逐字節完整驗證每個文件

四、在線類 - 高效工具

1. 在線PS

網站： https://ps.gaoding.com/#/

在線PS它的修圖界面幾乎和Photoshop一模一樣，操作方法也都一樣。還支持PSD、XD等多種文件格式，非常適合臨時修圖但又沒有Photoshop軟件的時候使用。

2、在線圖片轉文字

鏈接：https://www.gaitubao.com/tupian-wenzi

五、文檔類

六、模板類

1. Officeplus

網站：https://www.officeplus.cn/

OfficePlus，是微軟旗下的Office模板網站，提供了PPT、Word和Excel三類模板，這些模板都可以免費下載。

模板雖然是免費的，但質量卻不比一些收費模板差，大部分模板是由微軟邀請的設計師制作的，其余模板則是由一些用戶上傳的。

七、 Chrome 擴展

1. Axure插件 axure-chrome-extension

鏈接：https://pan.baidu.com/s/1LRfigP649BCWeaTmkccygQ?pwd=ijw0
提取碼： ijw0

2. 瀏覽器插件

官網下載地址：https://www.iggzs.com/

3. vue-devtools

用于調試 vue 應用，這可以極大地提高我們的調試效率。

鏈接：https://pan.baidu.com/s/1MNYgYrUUDmJfkoOhDv4HDA?pwd=bv4z
提取碼：bv4z

八、編譯器

1. Webstorm

官網：https://www.jetbrains.com/zh-cn/webstorm/

pojie（jihuoma）： https://www.ajihuo.com/

里面分新版本和老版本兩種jihuoma，大家選擇合適自己版本的即可，jihuoma是持續更新的，大家可以保存一下上面的提取地址以便以后快速提取

總結

以上是生活随笔為你收集整理的工作中常用工具推荐及资源分享的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。