VS Code配置紀錄

用了Web Storm將近一年，最近重回VS Code懷抱，
Web Storm是IDE，好處就是開箱即用，不用裝什麼額外套件，該有的都幫你用好了。
而VS Code是Editor，比較輕量，一開始沒有Web Storm那樣豐富的功能，
但是只要裝一些好用的套件，加上適當的配置，大部分的功能VS Code也能達到。

這篇記錄我個人的VS Code配置

套件

Auto Rename Tag
Code Spell Checker
拼字檢查，裝了這個後會發現專案中很多拼錯的單字xd
Color Highlight
Git Graph
Git Histrory
Git Lens
Expand Selection To Scope
Gremlins tracker
檢查程式中是否有不可見字元（防被同事坑！？）
Guides
Prettier
Todo Tree
Image preview
CodeMetrics
檢測函式複雜度

Setting

{
    "files.autoSave": "onWindowChange",
    // 自動儲存，用慣Web Storm一定要開的
    "window.zoomLevel": 0.8,
    "workbench.editor.enablePreview": false,
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.fontFamily": "'Fira Code', 'Source Code Pro', Consolas, 'Microsoft JhengHei', 'Courier New', monospace",
    // 字體選用可連字的Fira Code
    "editor.fontLigatures": true,
     // 開啟連字功能
    "javascript.updateImportsOnFileMove.enabled": "always",
    "editor.minimap.enabled": false,
    // 關閉右側minimap功能，這主要是用於快速移動頁面，但我沒什麼在用，不如關掉釋放更多可視空間
}