VSCode筆記

VSCode筆記

前言

本文記錄筆者在使用VSCode時的心得。

常見問題或需求點

我有多臺電腦，如何保持一致的開發體驗？

1. 使用Settings Sync插件
2. 在Settings Sync中配置Gist
3. 配合Settings Sync，上傳配置到Gist

如何配置代碼片段？

1. Click “Setting” button
2. Click “User Snippets”
3. Click “New Global Snippets File”

插件和主題推薦

1. Auto Rename Tag

   Auto rename paired HTML/XML tag

2. Bookmarks

   Mark lines and jump to them

3. Code Runner

   Run a variety of files

4. Copy Relative Path

   Copy Relative Path from a File

5. Document This

   Automatically generates detailed JSDoc comments in TypeScript and JavaScript files.

6. filesize

   Show the current file size in the status bar

7. Git Graph

   View a Git Graph of your repository, and perform Git actions from the graph.

8. Import Cost

   Display import/require package size in the editor

9. JSON to TS

   Convert JSON object to typescript interfaces

10. One Dark Pro

    Atom’s iconic One Dark theme for Visual Studio Code

11. Path Intellisense

    Visual Studio Code plugin that autocompletes filenames

12. Polacode

    Polaroid for your code

13. PostCSS Sorting

    VS Code plugin to sort CSS rules content with specified order.

14. Project Manager

    Easily switch between projects

15. Settings Sync

    Synchronize Settings, Snippets, Themes, File Icons, Launch, Keybindings, Workspaces and Extensions Across Multiple Machines Using GitHub Gist.

16. Todo Tree

    Show TODO, FIXME, etc. comment tags in a tree view

17. Vetur

    Vue tooling for VS Code

18. vscode-faker

    Generate fake data for name, address, lorem ipsum, commerce and much more

19. vscode-icons

    Icons for Visual Studio Code