VSCode笔记
前言
本文记录笔者在使用
VSCode
时的心得。
常见问题或需求点
我有多台电脑,如何保持一致的开发体验?
- 使用
Settings Sync
插件- 在
Settings Sync
中配置Gist
- 配合
Settings Sync
,上传配置到Gist
如何配置代码片段?
- Click “Setting” button
- Click “User Snippets”
- Click “New Global Snippets File”
插件和主题推荐
- Auto Rename Tag
Auto rename paired HTML/XML tag
- Bookmarks
Mark lines and jump to them
- Code Runner
Run a variety of files
- Copy Relative Path
Copy Relative Path from a File
- Document This
Automatically generates detailed JSDoc comments in TypeScript and JavaScript files.
- filesize
Show the current file size in the status bar
- Git Graph
View a Git Graph of your repository, and perform Git actions from the graph.
- Import Cost
Display import/require package size in the editor
- JSON to TS
Convert JSON object to typescript interfaces
- One Dark Pro
Atom’s iconic One Dark theme for Visual Studio Code
- Path Intellisense
Visual Studio Code plugin that autocompletes filenames
- Polacode
Polaroid for your code
- PostCSS Sorting
VS Code plugin to sort CSS rules content with specified order.
- Project Manager
Easily switch between projects
- Settings Sync
Synchronize Settings, Snippets, Themes, File Icons, Launch, Keybindings, Workspaces and Extensions Across Multiple Machines Using GitHub Gist.
- Todo Tree
Show TODO, FIXME, etc. comment tags in a tree view
- Vetur
Vue tooling for VS Code
- vscode-faker
Generate fake data for name, address, lorem ipsum, commerce and much more
- vscode-icons
Icons for Visual Studio Code