VSCode Keyboard Shortcuts
- Go to file: Ctrl + P
- Insert Line Below：Ctrl + Enter
- Toggle Line Comment：Ctrl + /
- Add Cursor Above：Ctrl + Alt + UpArrow
- cursorWordLeftSelect：Ctrl + Alt + LeftArrow
- Toggle Terminal: Ctrl + `
VSCode Extensions
VSCode Basical Extensions
| 插件名称 | 插件作用 |
|---|---|
| GitHub Theme | 暗黑主题，选择GitHub Dark Default |
| vscode-icons | 替换成好认的图标 |
| indent-rainbow | Makes indentation easier to read（交替四种颜色，错了变红） |
| Indenticator | Highlights your current indent depth |
| Code Spell Checker | Spelling checker for source code |
| 驼峰翻译助手 | 中文一键翻译转换成常用大小驼峰等格式 |
| Project Manager | Easily switch between projects |
| Markdown All in One | All you need to write Markdown |
| GitLens — Git supercharged | 相比于VSCode内置Git工具，增加了stashes、tags、branches、remotes、contributors, 更加容易操作 |
| Git Graph | View a Git Graph of your repository, and easily perform Git actions from the graph |
VSCode Front-End extensions
| 插件名称 | 插件作用 |
|---|---|
| Live Server | Launch a development local Server with live reload feature for static & dynamic pages |
| Auto Rename Tag | Auto rename paired HTML/XML tag |
| Auto Close Tag | Automatically add HTML/XML close tag |
| Image preview | 光标悬浮在图片路径上时，显示图片预览 |
| CSS Peek | Allow peeking to css ID and class strings as definitions from html files to respective CSS |
| Vetur | Syntax highlighting |
| Vue 3 Snippets | A Vue.js 3 And Vue.js 2 Code Snippets Extension |
| ESLint | 代码质量校验工具 |
