高效编辑技巧
多光标编辑
-
✓
Alt+点击
在多个位置添加光标，实现同时编辑
-
✓
Ctrl+D
选择下一个相同的单词，可连续使用选择多个
-
✓
Ctrl+Shift+L
选择所有当前选中的单词
-
✓
Ctrl+Alt+↑/↓
在上方或下方添加光标
代码导航
-
✓
Ctrl+G
快速跳转到指定行
-
✓
Ctrl+P
快速打开文件
-
✓
Ctrl+Shift+O
跳转到文件中的符号（函数、类等）
-
✓
F12
跳转到定义
-
✓
Alt+←/→
在编辑历史中前进或后退
Emmet 缩写
-
✓
快速生成HTML结构
使用Emmet缩写快速生成HTML代码
ul>li*5>a{Item $} -
✓
CSS缩写
使用Emmet快速编写CSS属性
m10 → margin: 10px;
p20-30 → padding: 20px 30px; -
✓
Lorem Ipsum生成
快速生成占位文本
lorem10 → 生成10个单词的占位文本
常用快捷键
| 功能 | Windows/Linux | macOS |
|---|---|---|
| 打开命令面板 | Ctrl+Shift+P | Cmd+Shift+P |
| 快速打开文件 | Ctrl+P | Cmd+P |
| 切换侧边栏 | Ctrl+B | Cmd+B |
| 集成终端 | Ctrl+` | Ctrl+` |
| 格式化文档 | Shift+Alt+F | Shift+Option+F |
| 重命名符号 | F2 | F2 |
| 注释切换 | Ctrl+/ | Cmd+/ |
| 复制行 | Shift+Alt+↓ | Shift+Option+↓ |
推荐插件
Live Server
启动本地开发服务器，实现实时预览
Prettier
代码自动格式化，保持代码风格统一
GitLens
增强Git功能，显示代码作者和修改历史
Bracket Pair Colorizer
为匹配的括号着色，提高代码可读性