摘要：開發篇版本管理工具，無腦的視圖操作，功能強大并且支持多賬號點我跳轉網站篇學習最重要的是經常百度，要始終堅信著你的水平能遇到的坑，別人都幫你踩過了。另外就是開發過程多看文檔，很多問題文檔都會有相關的解決方案，多看幾次就能想到解決方法。

IDE篇

程序員最重要的的就是IDE了，一個好的IDE可以幫你省略大量的時間，以及少生很多悶氣，下面開始前端的IDE推薦：

VSCode 最推薦的IDE ☆ ☆ ☆ ☆ ☆
可以說適合所有語言的免費IDE，可以下載插件滿足幾乎所有的要求，最佳推薦沒有之一
點我跳轉

WebStorm 功能最全面的IDE ☆ ☆ ☆ ☆
最全面的前端IDE，包含了你可能遇到的所有功能快捷操作，內容十分豐富，不過啟動速度慢是一點小缺點
破解版下載 （破解可能有時間限制，請注意）

Sublime 輕量級IDE ☆ ☆ ☆ ☆
作為一款輕量級的IDE，sublime同樣是支持多種語言，并且支持下載插件的，缺點是需要破解并且商店體驗并不好
官網在這里

Hbuilde
沒用過，不寫評價了，直接放鏈接 點擊跳轉

文檔篇

程序員文檔當然推薦的是markdown了，現在推薦一些個人用過的markdown編輯器

Typora
一款顏值在線的markdown編輯器，支持Mac和Windows 點我跳轉

MarkdownPad
windows版的編輯器，功能強大并且顏值還可以 點我跳轉

當然，為了照顧非程序員的情緒，放上office的下載 office破解版

學習篇

印象筆記
可以同步PC，手機，pad的筆記，方便隨時查閱自己的筆記，并且可以隨時補充新的筆記，免費版每個月60M也足夠日常使用 印象筆記

Xmind
思維腦圖，用來匯總學習到的知識點或者捋思路還不錯，不過有一些雞肋，不如自己用筆畫畫清晰。

Aria2GUI
神器，可以破解百度云的限速，使用起來也不算麻煩，增加的操作步驟也算能接受，畢竟百度云會員實在太貴了，另外屬于個人開發，并沒有相應的官網，請自行搜索。

開發篇

SourceTree
git版本管理工具，無腦的視圖操作，功能強大并且支持多賬號 點我跳轉

網站篇

學習最重要的是經常百度，要始終堅信著：你的水平能遇到的坑，別人都幫你踩過了。

另外就是開發過程多看文檔，很多問題文檔都會有相關的解決方案，多看幾次就能想到解決方法。

菜鳥教程——入門教程 菜鳥教程

慕課網——在線視頻教程 慕課網

MDN——官方JavaScript參考文檔MDN

can i use——css標簽在不同瀏覽器的支持程度 caniuse

awesome——前端資源庫 awesome

思否——一個分享社區，可以提問以及寫個人心得segmentfault

稀土掘金——前端分享社區掘金

阮一峰個人博客——大神的筆記 阮一峰的博客

廖雪峰個人博客——大神的教程，包含JS，Java，Python，git等廖雪峰教程

書籍推薦

JavaScript權威指南（犀牛書