寫給前端開發者不同的VSCode配置(JS/React)

相信愈來愈多的前端開發者已經遷移到VSCode陣營了，這裏不對各大編輯器做比較。由於我怕槓不過各位。^_^ ···

VSCode快速，穩定並且能完美支持TS。

我對開箱即用的編輯器一直存在着好感，可是他們都或多或少的缺乏點什麼，可是廣大的同胞打造的擴展(extensions)完美的解決了這個問題，這裏無比感謝各位開發者，我本是一個伸手黨。

這裏我將擴展紛爭工具類和語言類

工具類

Bracket Pair Colorizer - Visual Studio Marketplace

就是將成對的括號塗上相同的顏色，達到好找的目的，我下載了一直沒啓用。感受破壞了VSCode的總體風格(我感受不是很爽)。

change-case - Visual Studio Marketplace

就是給單詞(命名)換成不一樣的風格，寫Redux時頗有用。

Code Spell Checker - Visual Studio Marketplace

檢測寫代碼時錯詞。減小由於一個錯詞(命名)找半天的過程。

EditorConfig for VS Code - Visual Studio Marketplace

經常使用，我猜你裝過，不作解釋。

File Utils - Visual Studio Marketplace

建立，複製，移動，重命名和刪除文件和目錄的便捷方式，就是不用觸摸板完成這些操做。

Find Related Files - Visual Studio Marketplace

根據用戶定義的配置規則查找與當前文件相關的文件。寫單元測試的時候頗有用，根據當前文件找到對應的測試代碼。

FiraCode

強烈推薦！不裝不是好同志。顏值擔當！

GitLens — Git supercharged - Visual Studio Marketplace

加強VSCode內置的Git功能 - 一目瞭然地顯示代碼做者身份，無縫導航和鏈接Git存儲庫，經過強大的比較命令得到有價值的信息。

macros - Visual Studio Marketplace

自定義宏，比snippets更厲害

Markdown All in One - Visual Studio Marketplace

Markdown最好用的工具，我相信你找了好久吧。各類快捷鍵，建立表格，預覽，應有盡有

Multi Line tricks - Visual Studio Marketplace

在VSCode上啓用Alt + L（行選擇）和Alt + Shift + L（選擇到多光標）行爲。

Nest Comments - Visual Studio Marketplace

遇到過須要註釋一段代碼裏面有註釋？很痛苦？

Path Intellisense - Visual Studio Marketplace

經常使用，我猜你裝過，不作解釋。

Project Manager - Visual Studio Marketplace

在多個項目切換變得如魚得水。

github.com/alefragnani…

Sensitive Replace - Visual Studio Marketplace

寫Redux時有用，和change-case更配哦

Settings Sync - Visual Studio Marketplace

設置同步，換一臺電腦一鍵還原編輯器。

Toggle Quotes - Visual Studio Marketplace

一鍵轉換" -> ' -> `

Unique Lines - Visual Studio Marketplace

比較有意思，編輯器去重。做用不是很普遍。

語言類(主要針對前端開發 React)

Auto Rename Tag - Visual Studio Marketplace

經常使用，我猜你裝過，不作解釋。

ESLint - Visual Studio Marketplace

經常使用，我猜你裝過，不作解釋。

glean - Visual Studio Marketplace

容許將typescript和javascript代碼提取到單獨的模塊中，以及生成JSX組件

htmltagwrap - Visual Studio Marketplace

給原有代碼添加Html標籤將變得簡單無比

javascript console utils - Visual Studio Marketplace

一鍵添加或刪除console.*

Jest Snippets - Visual Studio Marketplace

測試框架Jest的Code snippets

npm Intellisense - Visual Studio Marketplace

經常使用，我猜你裝過，不作解釋。

Prettier - Code formatter - Visual Studio Marketplace

神器，能夠看我其餘的關於這個的文章。

TSLint - Visual Studio Marketplace

TS愛好者必備。

Version Lens - Visual Studio Marketplace

慎用！搞出事情別找我。

寫在最後

我我的很愛好工具，能用機器乾的事情千萬別用手完成。

這是個人一些收藏，可能其中有一些在您的擴展中。也但願您能獲得更多的好用的工具。更好的開發體驗。若是您有好的工具請在下方留言，我會更新到現有列表。