vscode 外掛推薦

碼路芽子發表於2019-03-05
VSCode

主題外掛

  1. Atom One Dark Theme 好看的主題

    1.png

  2. Atom One Light Theme 護眼主題

    image.png

通用外掛

  1. Bookmarks 程式碼標記，方便查詢 指令：shift + cmd + k

    4.png

  2. Bracket Pair Colorizer 2 相鄰括號顏色不同，方便查詢程式碼作用域範圍，可以與任何主題使用

    5.png

  3. Code Runner 程式碼執行，支援大部分語言

    6.png

  4. Code Spell Checker 單詞拼寫提醒，錯誤單詞糾正

    7.png

  5. Debugger for Chrome 除錯必備

    8.png

  6. Git History git提交歷史，對比

    10.png

  7. Live server 實時預覽html

    11.png

  8. Path Intellisense 路徑提示

    12.png

  9. Prettier - Code formatter 程式碼格式化

    13.png

  10. Settings Sync 可以將vscode配置，傳到自己的github中，更換電腦可以一鍵更新配置

    14.png

  11. vscode-icons 資料夾圖示

    15.png

  12. Color Highlight 程式碼中顏色高亮

    image.png

前端外掛

  1. Auto Close Tag 自動HTML關閉標籤

    2.png

  2. Auto Rename Tag 更新HTML標籤名字

    3.png

  3. ESLint

    9.png

  4. cssrem 將 px 快捷轉成 rem 的外掛

    image.png

Vue外掛

  1. Vetur Vue 程式碼提示
    image.png

相關文章