前端開發(fā)，前端設(shè)計(jì)一般可以理解為網(wǎng)站上面的視覺設(shè)計(jì)，前端開發(fā)則是網(wǎng)站的前臺代碼實(shí)現(xiàn)。

前端是專門做網(wǎng)頁的，即前端網(wǎng)站的前端部分，運(yùn)行在PC、移動等瀏覽器上，展示網(wǎng)頁供用戶瀏覽。

摘要：在我認(rèn)識的所有程序員里，每個人幾乎都有專屬于自己的常用工具和相關(guān)資源，今天給大家奉上數(shù)十個程序員硬核工具，我相信這里總有一款工具是屬于你的！

程序員生產(chǎn)力工具大全如下：

1. Idea-Intellij IDEA (java 編程語言 開發(fā)的集成環(huán)境)

業(yè)界排名第一的java開發(fā)工具，非常非常好用，如果還在用eclipse的朋友，趕緊來體驗(yàn)一把，你一定會愛上她的。

2. SecureCRT (SSH終端仿真程序)

SecureCRT是一款終端仿真程序，支持SSH（SSH1和SSH2）以及Telnet和rlogin協(xié)議。SecureCRT用于連接運(yùn)行包括Windows、UNIX和VMS在內(nèi)的遠(yuǎn)程系統(tǒng)的理想工具。

3. Termius (全平臺的遠(yuǎn)程終端)

termius是一款全平臺的遠(yuǎn)程終端，Termius不僅涵蓋了Windows、Linux、OSX，還變態(tài)得支持Android和iOS（以后在地鐵、公交上都可以隨時拿出手機(jī)來排查線上問題啦，還真是廣大程序員的福音呢。

4. Google Chrome (谷歌瀏覽器)

Google Chrome是一款由Google公司開發(fā)的網(wǎng)頁瀏覽器，該瀏覽器基于其他開源軟件撰寫，包括WebKit，目標(biāo)是提升穩(wěn)定性、速度和安全性，并創(chuàng)造出簡單且有效率的使用者界面。

5. iTerm (為Mac OS X編寫的終端仿真程序)

iTerm是一個為Mac OS X編寫的，功能齊全的終端仿真程序；目標(biāo)是在為用戶提供OS X下最佳的命令行體驗(yàn)；字母i代表了本地蘋果的外觀和風(fēng)格的程序界面，并把重點(diǎn)放在完整的國際支持； 它合并由兩個項(xiàng)目， CTerminal和TerminalX ，而這兩者都是基于JTerminal項(xiàng)目；該軟件非常有實(shí)用和易用性。

6. Visual Studio Code (簡稱“VS Code”,編寫現(xiàn)代Web和云應(yīng)用的跨平臺源代碼編輯器）

重新定義和優(yōu)化了代碼編輯,以便生成和調(diào)試新式 Web 應(yīng)用程序和云應(yīng)用程序。也是著名的文本編輯器，它是輕量級的,vSCode的一大特點(diǎn)就是你可以通過多種方式來調(diào)整設(shè)置,而且Vim可以和VScode集成在一起，它還帶有一個集成終端，可用的擴(kuò)展太多，使開發(fā)人員的工作變得更加輕松。我最喜歡的一些擴(kuò)展是AWS Toolkit, ESLint,Live Server, Live Share, Prettier-代碼格式化程序，YAML,Live Sass編譯器，Docker等。

7. VMware Fusion & VMware workstation (為計(jì)算機(jī)開發(fā)的虛擬機(jī)管理程序)

是在計(jì)算機(jī)上無縫運(yùn)行 Windows 的最佳方式，可確保 Windows 應(yīng)用程序在計(jì)算機(jī)上實(shí)現(xiàn)無縫運(yùn)行可以在基于 Intel 的計(jì)算機(jī)上無縫運(yùn)行 Windows、Linux 以及其他 PC等多個操作系統(tǒng)，進(jìn)而構(gòu)建、測試或演示軟件。

8. Navicat Premium (數(shù)據(jù)庫管理工具)

Navicat premium是一款數(shù)據(jù)庫管理工具,是一個可多重連線資料庫的管理工具，它可以讓你以單一程式同時連線到 MySQL、SQLite、Oracle 及 PostgreSQL 資料庫，讓管理不同類型的資料庫更加的方便。

9. Postman (api調(diào)試工具)

簡單來說，四個詞，簡單、實(shí)用、大方、美觀！postman這款網(wǎng)頁調(diào)試工具的windows客戶端，功能強(qiáng)大的HTTP調(diào)試與模擬插件。使用Postman可以進(jìn)行API開發(fā)、請求、調(diào)試,除了它，還可以使用lnsomnia和Insomnia Designer作為API文檔。

10. RedisDesktopManager (一款可視化 redis管理工具 )

Redis Desktop Manager是一款簡單快速、跨平臺的Redis桌面管理工具，也被稱作Redis可視化工具，Redis Desktop Manager官方版是一款開源軟件，支持通過SSH Tunnel連接，支持windows、mac等多平臺。

11. Dash (基于MAC的 API文檔瀏覽器和代碼片段管理器)

“開發(fā)者不可或缺的杰作。”Dash 可讓您的 Mac 即時離線訪問 200 多個 API 文檔集。立刻搜索離線文件集200層+的API ，100+備忘單和 href="">更多 功能。您甚至可以"">生成自己的文檔集 或 href="">請求 包含href="">文檔集 。

12. Fiddler & Wireshark (http抓包工具)

Fiddler和Wireshark都是進(jìn)行抓包的工具:所謂抓包就是將網(wǎng)絡(luò)傳輸發(fā)送與接收的數(shù)據(jù)包進(jìn)行截獲、重發(fā)、編輯、轉(zhuǎn)存等操作,也用來檢查網(wǎng)絡(luò)安全。作為開發(fā)者，經(jīng)常想調(diào)試一下http請求發(fā)送的數(shù)據(jù)的詳情，那么可以使用這2款軟件。用抓包工具wireshark的人相對來說更多一些。

13. HBuilder X (HTML5的Web開發(fā)工具)

當(dāng)前最快的HTML開發(fā)工具,強(qiáng)大的代碼助手幫你快速完成開發(fā),最全的語法庫和瀏覽器兼容性數(shù)據(jù)讓瀏覽器碎片化不再頭痛。作為HBuilder下一代的全新編輯器，HBuilderX被定位為ide和編輯器的完美結(jié)合，除了對某種語言的語法分析、提示、轉(zhuǎn)到定義、調(diào)試，同時加強(qiáng)了對通用文本處理能力，界面更加清爽，擁有比上一代更加有效的快捷鍵體系。

14. MobaXterm (遠(yuǎn)程終端控制軟件,集串口,SSH遠(yuǎn)程登錄和FTP傳輸三合一的工具)

多功能終端MobaXterm Professional Edition 是一款豪華、全功能的終端軟件。MobaXterm帶來了所有必要的Unix命令到Windows桌面，在開箱單便攜式exe文件。MobaXterm允許您啟動遠(yuǎn)程會話。遠(yuǎn)程shell，MobaXterm遠(yuǎn)比Putty好用，您可以選擇創(chuàng)建SSH，遠(yuǎn)程登錄，Rlogin，RDP，VNC，XDMCP，F(xiàn)TP，SFTP或串行會話。

15. Sublime Text (跨平臺代碼編輯器)

http://www.sublimetext.cn/

Sublime Text 是一款用于代碼、標(biāo)記和散文的精致文本編輯器。Sublime Text 中文網(wǎng)致力于為廣大國內(nèi)開發(fā)者提供詳盡的中文文檔、使用說明等,助力開發(fā)者快速掌握這個編輯器。

16.webstorm (專業(yè)的HTML編輯工具)

web開發(fā)的必備的一款開發(fā)神器，比如寫js、頁面、css，那么這款軟件用起來非常順手。此軟件和idea出自于同一家公司，這家公司做了很多異常好用的軟件，基本上你需要的各種開發(fā)相關(guān)的IDE，這家公司都生產(chǎn)。可以說是“Web前端開發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最智能的JavaScript IDE”。新版對JavaScript，TypeScript和CSS支持更好，改進(jìn)了Vue.js的體驗(yàn)，并為Jest集成增加了新功能。

17.Xshell (功能強(qiáng)大的終端模擬器)

linux原創(chuàng)控制軟件，完全免費(fèi)且非常穩(wěn)定的 SSH 客戶端 ，支持多種遠(yuǎn)程協(xié)議，提供了很多特色與高級功能，簡體中文界面也讓你輕松管理遠(yuǎn)程服務(wù)器。 Xshell 的 Screen 會話不閃屏，而且可以回滾；Script 的執(zhí)行順序可以調(diào)整；可以同時發(fā)送指令到多個 session；支持布局切換等。

18. SwitchHosts (修改Hosts文件的工具)

這是用于在多個HOSTS之間進(jìn)行切換。可在公用hosts文件 、當(dāng)前系統(tǒng)hosts、本地方案和在線方案間進(jìn)行切換。作為一名開發(fā)人員，經(jīng)常需要修改本地host，你還是通過修改host文件來操作的么？那樣太慢了，這里建議大家使用switchhosts這款軟件，可以快速修改本地host，非常好用。

其他工具：

1. CodeIf(智能命名) ： https://unbug.github.io/codelf

大部分開發(fā)者都或多或少遇到過變量命名的煩惱，如果命名不規(guī)范，不僅會影響開發(fā)的效率，而且對后面維護(hù)的同學(xué)來說也是一個不小的挑戰(zhàn)，因?yàn)樗ゴδ氵@個變量的含義。隨著項(xiàng)目越來越復(fù)雜，變量和函數(shù)數(shù)量越來越多，雖然每個編程語言都有各種命名規(guī)范，但是也不能解決所有的問題。

“計(jì)算機(jī)科學(xué)里兩件最難的事：緩存失效和命名。” Codelf通過搜索在線開源平臺Github, Bitbucket, Google Code, Codeplex, Sourceforge, Fedora Project的項(xiàng)目源碼，幫開發(fā)者從中找出已有的匹配關(guān)鍵字的變量名，從而幫助為變量名苦惱的開發(fā)者命名。這個搜索服務(wù)支持直接搜索中文。

同時可以在自己用的編輯器里安裝插件，支持 VS Code、Atom、Sublime Text 和 Chrome。

2. DocsChina-印記中文 ： https://www.docschina.org

這是一個前端中文文檔合集，進(jìn)入網(wǎng)站可以看到開發(fā)中經(jīng)常使用的前端中文文檔。如果你的英文實(shí)在不怎么好，還在為找中文文檔而煩惱，這里將是你非常好的選擇。記得放到自己的瀏覽器收藏夾里哦！

3. any-rule(正則表達(dá)大全)： http://github.com/any86/any-rule

any-rule 維護(hù)了一個常用正則表達(dá)式合集，并且本身是一個支持 Web/VS Code/idea/Alfred Workflow 多平臺的正則表達(dá)式工具。

4. tool.lu(在線工具)： https://tool.lu

程序員總是有很多小工具要使用，比如圖片、Base64編碼、Markdown編輯器時間戳轉(zhuǎn)換，進(jìn)制轉(zhuǎn)換等，在線運(yùn)行各種語言代碼。這個網(wǎng)站包含了太多程序員需要用到的小工具了。比如你想運(yùn)行點(diǎn)JAVA代碼，又不想麻煩的在系統(tǒng)中安裝JAVA環(huán)境，可以使用里邊的在線運(yùn)行代碼工具，然后選擇JAVA,寫點(diǎn)JAVA代碼就可以直接運(yùn)行了。

5. Baomitu(前端靜態(tài)源庫)： https://cdn.baomitu.com

這個靜態(tài)資源庫是支持HTTP/2的CDN服務(wù)，有了它，如果你是自己的小型項(xiàng)目或者是做測試就不用下載任何的代碼庫，直接粘貼地址過來用就可以，因?yàn)槭菄鴥?nèi)的CDN庫，速度還非常的快。

6. Typora-Markdown(編寫工具)：https://www.typora.io

一款實(shí)用的 Markdown 編寫工具，所見即所得，用Markdown編寫文章是一個程序員的標(biāo)準(zhǔn)配置，也就是標(biāo)配。現(xiàn)在有很多在線工具都支持Markdown，什么有道云筆記、雀語，、印象筆記等。這種簡單的界面，沉浸式的編寫，清晰的大綱，它就像一件稱手的兵器，讓你一旦擁有就愛不釋手。

7. Snipaste (簡單便捷的截圖軟件)：https://zh.snipaste.com/download.html

一款免費(fèi)的桌面截圖軟件，功能強(qiáng)大，使用方便，支持任何屏幕位置截圖，支持窗口截圖，支持快捷方式截圖。您可通過截取貼圖，使兩張圖合并為一張圖，還能調(diào)整截圖文字圖像等等，是一款非常強(qiáng)大的貼圖軟件，喜歡此款貼圖軟件的朋友不要錯過。

8. Captura (最好用的開源錄屏、gif動態(tài)圖片制作工具)

官網(wǎng)：https://captura.updatestar.com/github：https://github.com/MathewSachin/Captura

通過這款工具可以幫助你輕松錄制各種視頻。支持全屏錄制、區(qū)域錄制兩種方式，全屏錄制可以錄制全部的電腦屏幕，將電腦屏幕上所有的動態(tài)都錄制下來,該軟件還擁有視頻編解碼器，可以對視頻進(jìn)行解碼，支持mp4、avi、GIF、webm等格式，可以滿足一般的解碼需要。還支持屏幕截圖、剪貼板，簡單的圖像編輯等功能，是一款非常好用的屏幕錄像工具。

9. 向日葵 (遠(yuǎn)程控制軟件): https://sunlogin.oray.com/

向日葵遠(yuǎn)程控制是一款提供遠(yuǎn)程控制服務(wù)的軟件。向日葵遠(yuǎn)程控制支持主流操作系統(tǒng)Windows、Linux、Mac、Android、iOS跨平臺協(xié)同操作，在任何可連入互聯(lián)網(wǎng)的地點(diǎn)，都可以輕松訪問和控制安裝了向日葵遠(yuǎn)程控制客戶端的設(shè)備。整個遠(yuǎn)控過程，可通過瀏覽器直接進(jìn)行，無需再安裝軟件。

10. Everything (本地文件檢索工具):http://www.voidtools.com/support/everything/

由voidef="">tools 開發(fā)的一款文件搜索工具，這款軟件是基于名稱實(shí)時定位文件和目錄。Everthing功能強(qiáng)大，體積小巧，第一次安裝使用時會建立一個索引數(shù)據(jù)庫，將所有文件和文件夾的名稱導(dǎo)入其中，后續(xù)使用能夠以極快的速度快速搜索，查找到你所需要的文件。

11. StarUML (UML畫圖工具)

畫uml圖的一款神器，類圖、時序圖、流程圖、狀態(tài)圖等等，都可以用這款工具輕松應(yīng)對。

12. uTools (生產(chǎn)力工具集):https://u.tools/

一個極簡、插件化、跨平臺的現(xiàn)代化桌面軟件。通過自由選配豐富的插件,打造你得心應(yīng)手的工具集合。這個工具，我只能說他是一款神奇，太牛逼，這款工具中匯集了很多好用的工具，可以通過這款工具秒開電腦上的各種軟件。

搜索資源網(wǎng)站工具：

1.Bing

Bing 國際版：https://cn.bing.com/感覺比某度要好用多了。

2.DuckDuckGo

DuckDuckGo：https://duckduckgo.com/從官網(wǎng)的介紹來看這個搜索引擎不收集用戶信息，而且沒有廣告。

3.Stack Overflow

Stack Overflow：https://stackoverflow.com/我們?nèi)绻Ｓ?Google，很多技術(shù)問題的答案就在這個網(wǎng)站上，如果你無法使用 Google 可以在這個網(wǎng)站上直接檢索就好了。

4.Gitlogs

Gitlogs：https://www.gitlogs.com/Gitlogs 是專門針對 GitHub 項(xiàng)目的搜索引擎，我們通過他可以快速找到想要項(xiàng)目。

5.jiumo search

文檔搜索引擎 jiumo search 鳩摩搜書：https://www.jiumodiary.com/可以用來找一些技術(shù)文檔手冊，很多在百度網(wǎng)盤里。

6.Ebooke

Ebooke：https://ebookee.org/Ebookee 是一個基于互聯(lián)網(wǎng)并提供免費(fèi)電子圖書下載的搜索引擎網(wǎng)站。

7.Iconfinder

圖標(biāo)搜索：https://www.iconfinder.com/用來查找 logo 圖片。

8.TinEye

TinEye：https://www.tineye.com用圖片來檢索圖片，我們可以上傳圖片或輸入圖片的 URL 來檢索。

9.SemanticScholar

SemanticScholar：https://www.semanticscholar.org/SemanticScholar 是一個免費(fèi)學(xué)術(shù)搜索引擎，其檢索結(jié)果來自于期刊、學(xué)術(shù)會議資料或者是學(xué)術(shù)機(jī)構(gòu)的文獻(xiàn)。

10.LibreStock

LibreStock：https://librestock.com/LibreStock 上可以檢索一些優(yōu)質(zhì)的高清圖片。

http://11.CC Search

CC Search：https://ccsearch.creativecommons.org/CC Search 上搜索到的圖片資源都是無版權(quán)的，我們可以免費(fèi)的使用。

12.Pexels

Pexels：https://www.pexels.com/高質(zhì)量的圖片網(wǎng)站，可以免費(fèi)使用。

13.Unsplash

Unsplash：https://unsplash.com/免費(fèi)高清素材網(wǎng)站。

14.The App Store

The App Store：https://theappstore.org/The App Store 是一個針對蘋果手機(jī)、iPad、Mac 設(shè)備的應(yīng)用搜索工具。

在線畫圖工具：

? 在線畫圖工具ProcessOn：https://www.processon.com/? 在線畫圖工具h(yuǎn)ttp://draw.io：https://app.diagrams.net/? 在線思維導(dǎo)圖工具：http://www.mindline.cn/webapp? PlantUML在線編輯器：http://haha98k.com/

在線開發(fā)輔助工具：

日常開發(fā)經(jīng)常會用到一些輔助工具我總結(jié)為8大類，包括：編解碼工具、轉(zhuǎn)換工具、正則工具、編譯工具、網(wǎng)絡(luò)工具、格式化工具、可視化工具、在線生成器、以及其他工具等等。具體列表如下:

在線編碼工具：

BASE64編解碼工具：https://base64.supfree.net/? MD5編碼工具：https://www.zxgj.cn/g/md5? AES/DES加解密：http://www.fly63.com/tool/cipher/? JWT解碼工具：http://jwt.calebb.net/? ASCII編解碼工具：https://www.matools.com/code-convert-ascii? Unicode編解碼工具：https://www.zxgj.cn/g/unicode? UTF-8編解碼工具：https://www.zxgj.cn/g/utf8? 字符串編解碼工具：https://www.zxgj.cn/g/enstring? URL編解碼工具：http://tool.chinaz.com/tools/urlencode.aspx?jdfwkey=lbixz1

在線轉(zhuǎn)換工具：

在線ASCII碼對照表：http://www.fly63.com/tool/ascii/? 通用進(jìn)制轉(zhuǎn)換工具：https://www.zxgj.cn/g/jinzhi? 在線浮點(diǎn)數(shù)十進(jìn)制轉(zhuǎn)換：http://www.binaryconvert.com/? RGB顏色轉(zhuǎn)換：https://www.zxgj.cn/g/yansezhi? 時間戳轉(zhuǎn)換工具：https://www.zxgj.cn/g/unix? 計(jì)量單位換算工具：http://www.fly63.com/tool/unitable/? 在線JSON解析：http://www.json.cn/? 在線JS代碼格式化工具：https://prettier.io/playground/? SQL壓縮/格式化工具：https://www.zxgj.cn/g/sqlformat? JSON和XML在線轉(zhuǎn)換：https://www.zxgj.cn/g/jsonxml? JSON/YAML在線轉(zhuǎn)換：http://www.fly63.com/tool/jsonyaml/? 人民幣大小寫轉(zhuǎn)換工具：http://www.fly63.com/tool/renmingbi/

正則表達(dá)式工具：

正則表達(dá)式調(diào)試工具：https://regexr.com/? 正則表達(dá)式可視化工具：https://jex.im/regulex/

網(wǎng)絡(luò)工具：

IP地址歸屬地查詢：https://www.ip138.com/? IP地址查詢：https://www.ipip.net/ip.html? HTTP在線接口測試工具：http://www.fly63.com/php/http/

在線編譯運(yùn)行工具：

C#在線編譯運(yùn)行：https://rextester.com/? C/C++在線編譯調(diào)試：https://www.onlinegdb.com/? 在線編譯工具套裝：https://c.runoob.com/

可視化/格式化工具：

在線前端編輯器: https://codepen.io/? 在線數(shù)據(jù)可視化：https://flourish.studio/? 在線JSON解析：http://www.json.cn/? 在線CSS代碼可視化工具：https://enjoycss.com/? XML格式化工具：https://www.zxgj.cn/g/xmlformat? 在線JS代碼格式化工具：https://prettier.io/playground/? SQL壓縮/格式化工具：https://www.zxgj.cn/g/sqlformat? JSON和XML在線轉(zhuǎn)換：https://www.zxgj.cn/g/jsonxml? JSON/YAML在線轉(zhuǎn)換：http://www.fly63.com/tool/jsonyaml/

在線生成器：

UUID在線生成器：https://www.zxgj.cn/g/uuid? 隨機(jī)數(shù)生成器：https://www.zxgj.cn/g/suijishu

其他常用工具：

在線Nginx配置工具：https://nginxconfig.io/? 在線對比工具：http://www.fly63.com/tool/textdiff/? 在線Chrome瀏覽器插件：https://www.crx4chrome.com/? 在線接口文檔管理工具：http://www.docway.net/

在線素材工具：

如果你寫文章，或者做視頻，那就一定少不了要找素材，包括各種圖片、背景、emoji表情、表情包、壁紙、視頻、gif圖等等。? 免費(fèi)透明背景圖片素材：http://pngimg.com/? Emoji表情搜索：https://emoji.svend.cc/? Emoji表情包下載：https://emojiisland.com/? open source icons：https://feathericons.com/? 表情包在線網(wǎng)站：https://fabiaoqing.com/? 免費(fèi)PNG圖片庫：https://pluspng.com/? ICON圖標(biāo)在線下載：https://www.iconfinder.com/? 極簡壁紙：https://bz.zzzmh.cn/? Wallpaper Abyss壁紙：https://wall.alphacoders.com? Pixabay圖片素材庫：https://pixabay.com/zh/? Unsplash圖片素材庫：https://unsplash.com? Pexels圖片素材庫：http://www.pexels.com? NASA圖片視頻素材庫：https://images.nasa.gov

設(shè)計(jì)制作類工具：

對于那些文章創(chuàng)作者和視頻創(chuàng)作者而言，設(shè)計(jì)封面，做海報(bào)，設(shè)計(jì)LOGO，圖片美化等等基本也是剛需。

這樣大概率日常會用到一些簡易好上手的在線設(shè)計(jì)制作類工具，比如在線P圖、音/視頻輕量化剪輯、logo制作、海報(bào)設(shè)計(jì)制作、圖片美化、在線圖片轉(zhuǎn)換或生成等等。? 在線PS：https://www.uupoop.com/? 在線音頻剪輯：https://www.weixinsyt.com/? 在線視頻剪輯：https://www.kapwing.com/? 免費(fèi)logo在線制作：http://www.uugai.com/? 藝術(shù)字體在線生成：https://www.qt86.com/? 在線表格轉(zhuǎn)換工具: https://tableconvert.com/? 在線海報(bào)設(shè)計(jì)工具: https://www.designcap.com/? 圖片智能放大工具：https://bigjpg.com/? 二維碼美化器：https://mh.cli.im/? 在線代碼截圖工具：https://carbon.now.sh/? 在線摳圖工具：https://www.remove.bg/zh? ICO圖標(biāo)在線生成：http://www.fly63.com/php/ico/? SVG轉(zhuǎn)PNG工具：http://www.fly63.com/tool/svg2img/? 視頻轉(zhuǎn)GIF工具：http://www.fly63.com/tool/giftxt/? 二維碼在線生成器：http://www.fly63.com/tool/ewm/? 二維碼在線解碼：http://www.fly63.com/php/decoder/

寫輔助工具：

寫文章的過程中經(jīng)常會用到和寫作相關(guān)的輔助工具，比方說：字?jǐn)?shù)統(tǒng)計(jì)工具、Markdown格式的文章排版工具、圖床網(wǎng)站、代碼截圖工具等等，所以下面這些在線工具就能很好地滿足我的需求。? 在線字?jǐn)?shù)統(tǒng)計(jì)：https://www.eteste.com/? mdnice markdown排版工具：https://mdnice.com/? md2all markdown排版工具：http://md.aclickall.com/? 在線圖床神器：https://picx.xpoet.cn/? 在線免費(fèi)圖床：https://sm.ms/? 圖殼圖床：https://imgkr.com/? 在線代碼截圖工具：https://carbon.now.sh/? 在線短鏈接工具：https://urlify.cn/? 在線文本替換：http://www.fly63.com/tool/textreplace/

在線辦公工具：

部分在線工具主要用來處理一些和文檔以及文稿相關(guān)的事情，經(jīng)常用到的比如：在線的全套pdf處理和轉(zhuǎn)換工具、各種各樣多媒體文件間的相互轉(zhuǎn)換工具、在線識別工具、在線壓縮工具等等。? pdf在線處理工具1：https://smallpdf.com/cn/pdf-tools? pdf在線處理工具2：https://tools.pdf24.org/zh/? pdf轉(zhuǎn)word在線工具：https://www.pdftoword.com/? 在線多媒體轉(zhuǎn)換器合集：https://cn.office-converter.com/? 在線文字識別工具：https://ocr.wdku.net/? 在線文件壓縮工具：https://docsmall.com/

文檔筆記工具：

好記性不如爛筆頭，作為一個學(xué)習(xí)者，我覺得記筆記是必不可少的步驟。當(dāng)然現(xiàn)在基本都做電子筆記和電子文檔比較多。現(xiàn)如今各式各樣優(yōu)秀的文檔工具和筆記軟件鱗次櫛比，好用的也有很多，整理成如下列表，這東西各有長處，使用哪個最合意還得看個人習(xí)慣和需求了。? 印象筆記：https://www.yinxiang.com/? 有道筆記：https://note.youdao.com/? OneNote：https://www.onenote.com/? 幕布：https://mubu.com/? 為知筆記：https://www.wiz.cn/? 石墨文檔：https://shimo.im/? Simplenote：https://simplenote.com/? 語雀：https://www.yuque.com/

編程學(xué)習(xí)網(wǎng)：

? 嗶哩嗶哩：https://www.bilibili.com/? C語言網(wǎng)：https://www.dotcpp.com/? cppreference：http://zh.cppreference.com/? 中國大學(xué)MOOC：https://www.icourse163.org/? 牛客網(wǎng)：http://www.nowcoder.com? 網(wǎng)易公開課：http://open.163.com? CodeGym：https://codegym.cc/? BeginnersBook：https://beginnersbook.com/? JavaSED：http://www.javased.com/? codecademy：https://www.codecademy.com/? Coursera：https://www.coursera.org/? StackOverFlow：https://stackoverflow.com/? LeetCode：https://leetcode-cn.com/? LintCode：https://www.lintcode.com/

在線教程文檔：

這部分主要集中了在做開發(fā)過程中隨手參考所要用到的幾乎所有在線教程和官方文檔，有中文版文檔的基本都優(yōu)先列出來了，但更多時候是英文的官方文檔。? Git中文教程：https://git-scm.com/book/zh/v2? SVN中文手冊：http://svnbook.red-bean.com/nightly/zh/index.html? jQuery API中文文檔：https://jquery.cuishifeng.cn/? Nginx中文文檔：https://www.nginx.cn/doc/index.html? Kafka中文文檔：https://kafka.apachecn.org/? Mybatis中文文檔：https://mybatis.org/mybatis-3/zh/index.html? 微信小程序官方文檔：https://developers.weixin.qq.com/miniprogram/dev/framework/? Nodejs中文教程文檔：http://nodejs.cn/learn? Apache Web Server文檔：http://httpd.apache.org/docs/? Spring文檔中文版：https://www.springcloud.cc/spring-reference.html? Golang標(biāo)準(zhǔn)庫文檔中文版：https://studygolang.com/pkgdoc? Java 8官方文檔：https://docs.oracle.com/javase/8/docs/api/index.html? Maven官方文檔：http://maven.apache.org/guides/? Tomcat 8官方文檔：http://tomcat.apache.org/tomcat-8.0-doc/index.html? Spring Boot官方文檔：https://docs.spring.io/spring-boot/docs/current/reference/htmlsingle/? RabbitMQ官方文檔：https://www.rabbitmq.com/documentation.html? RocketMQ官方文檔：http://rocketmq.apache.org/docs/quick-start/? Dubbo中文文檔：https://dubbo.apache.org/zh/docs/? Netty官方文檔：https://netty.io/wiki/index.html? Elasticsearch官方文檔：https://www.elastic.co/guide/en/elasticsearch/reference/current/index.html? Spring Cloud官方文檔：https://spring.io/projects/spring-cloud? Docker官方文檔：https://docs.docker.com/get-started/? kubernetes中文文檔：https://kubernetes.io/zh/docs/home/? thymeleaf官方文檔：https://www.thymeleaf.org/documentation.html? Vue.js中文文檔：https://cn.vuejs.org/v2/guide/? React.js官方文檔：https://reactjs.org/docs/getting-started.html? Jenkins中文文檔：https://www.jenkins.io/zh/doc/

華為云平臺：

高效易用的低代碼aPaaS平臺-應(yīng)用魔方AppCube：https://www.huaweicloud.com/product/appcube.html集華為研發(fā)實(shí)踐、前沿研發(fā)理念、先進(jìn)研發(fā)工具為一體的軟件開發(fā)平臺-軟件開發(fā)平臺 DevCloud：https://www.huaweicloud.com/devcloud/

以上內(nèi)容分享自華為云社區(qū)《吐血整理：程序員都在用什么工具？》，作者： 考過IE勵志當(dāng)攻城獅 ，部分內(nèi)容整理自互聯(lián)網(wǎng)~

學(xué)習(xí)資源網(wǎng)上一大把、多關(guān)注前端的系統(tǒng)性才行。零散的學(xué)習(xí)可能會讓人越學(xué)越懵逼。我的同學(xué)們都是自學(xué)的前端、從啃紅皮書到鋒利的jQuery、再到CSS、NodeJS等等都是基于前端的知識圖譜、然后針對性的對癥下藥。最后百度、去哪兒、美團(tuán)、阿里都有人去了。當(dāng)然、刷面試題也是一個好的發(fā)現(xiàn)問題的方法。只是說前提是心里有一個前端大概的輪廓、然后基于這個大概的輪廓去發(fā)現(xiàn)解決問題。

其實(shí)、我不太建議去看前端的學(xué)習(xí)視頻、感覺視頻講的都過于淺顯、沒法深入到問題的本質(zhì)、特別是前端都是寫一個簡單的demo、看完了也沒啥效果。慕課網(wǎng)、黑馬程序員什么都差不多（黑馬的后端講的還不錯）。所以我的建議是、多去動手實(shí)踐、親手敲敲代碼、遇到問題去stackoverflow上查查、多逛逛github、基于它去深入了解問題背后的原理。

還有一個好的習(xí)慣是善于總結(jié)、遇到問題是必定的、但每次遇到同一個問題都需要花費(fèi)同等的時間去解決就是問題所在。這也是程序員應(yīng)該重點(diǎn)關(guān)注的。在還沒開始工作之前、前面講的同學(xué)都在寫博客、雖然只是課本內(nèi)容的自我轉(zhuǎn)述、但這種方式對于知識點(diǎn)本身的把握程度絕對是無可替代的。所以、我對于學(xué)習(xí)資源的定義分為以下幾種、重要性由深入淺：

1）專業(yè)書籍：把握系統(tǒng)性、深入性的不二之選

2）外文網(wǎng)站：github、stackoverflow、medium、google開發(fā)者網(wǎng)站

3）國內(nèi)網(wǎng)站：jobble、知乎問答等