分享一波前端開發常用的小工具，網站與vscode插件等，當然也有一部分與開發無關，但是個人感覺不錯，持續更新，也是為了方便以后換了電腦還能記得找回這些東西。
一、vscode插件
這部分根據個人開發框架不同，我只列舉幾個個人通用常用的插件。
1.Bracket Pair Colorizer
一個使用不同顏色標記括號的插件，代碼多，括號多，這個函數到哪里結束，那個作用域的范圍從哪到哪，有了這個插件，全部清晰明了，支持自定義顏色。
2.Beautify
一鍵格式化代碼，支持自定義配置，美化代碼非常實用，如何配置網上教程較多，這里就不列舉。
3.Chinese (Simplified) Language Pack for Visual Studio Code
中文簡體語言包，這個沒什么好說的，安裝后在 locale.json 中添加 "locale": "zh-cn"，即可。
4.open in browser
在vscode界面直接打開html文件進行預覽，對於編寫小型demo進行測試時非常方便。
5.CSS Peek
一款能通過ctrl+點擊html中class或id名快速訪問當前元素樣式的插件，以前使用Brackets編輯器比較喜歡的一個功能，方便在茫茫樣式中快速定位你需要修改的元素。
6.One Monokai Theme
個人向推薦的編輯器主題，比較喜歡Sublime Text的配色，這款主題配色比較小清晰，看着挺養眼。
7.Polacode
代碼圖片生成插件，能將鼠標選中代碼快速生成為高逼格的圖片，非常不錯的一款插件。當然你也可以通過Carbon網站生成。
二.小工具類推薦
1.wox+everything-
一款能幫你快速啟動，查詢電腦任意軟件，文件，資料的超實用小工具，貌似MAC電腦自帶，沒用過蘋果不了解，windows系統強烈推薦安裝。
支持中文，拼音，英文快速搜索，支持百度查詢，功能強大，使用說明與下載地址
如果覺得下載麻煩，國產火螢醬也具備同樣的功能，選擇哪款因人而異，這點看自己判斷。火螢醬下載地址
2.codelf--命名神器
還在為命名到詞窮而苦惱嗎，codeif解決你的命名問題，篩選統計出GitHub命名出現頻率，給你更好的命名體驗，非軟件，點我體驗codeif
3.can i use
想知道某個屬性，API方法兼容性怎么樣，can i use能給你比較權威的瀏覽器兼容情況預覽圖，對部分項目有特殊瀏覽器版本兼容時，這個網站能幫你了解某些方式是否可用。點我跳轉can i use
4.regexper
regexper圖解正則表達式匹配規則的神器，有沒有被又長又惡心的正則表達式弄的暈頭轉向，這個網站能幫你更清晰的展示任意表達式匹配的規則，學習正則的時候也非常使用。點我訪問regexper
5.screentogif
一款能幫助你錄屏，帶編輯，記錄屏幕點擊等等功能的GIF制作神器，支持幀數編輯，功能強大，錄制的GIF畫質賊高，像我的博客插的動圖全是靠這個軟件錄制的。點我去官網
6.kdiff3文件比較合並工具
有時候在我們大腦沒印象的情況下，一個文件不知道改了哪，然后功能瘋狂報錯，那么kdiff3就是一款能幫你對比文件細微修改的工具，使用svn的同學應該有經歷。
三、閱讀
1.JavaScript開發者應懂的33個概念
這個算是給自己立的一個后期閱讀小目標吧，一些面試中經常問到的問題，也確實是前端開發者必須了解的東西，后面我會完整讀一遍，為明年找工作做准備。點我跳轉閱讀
四、生活其它
兩個不錯的壁紙，頭像網站，我博客中很多好看的圖，都是這里面找的，喜歡換頭像的，這也是個不錯的推薦。
PS：文章中如果網站打不開，那就得考慮別的上網方式了，方法自尋。
本文將持久更新，也歡迎看到本文的有緣人分享自己喜歡的小工具，網站等等，只要是好玩的，十分歡迎。