vscode
配置扩展插件
-
Chinese Language(转中文)
-
Auto Rename Tag(自动重命名)
-
Background Cover(自定义背景)
-
CSS Peek(可以在html查看css类，且可以直接跳转)
-
JavaScript (ES6) snippets(JS 获取整个项目下的所有代码,不用重复输入)
-
Auto Close Tag(自动补全关闭标签)
-
Prettie - Code formatter(代码格式化工具)
-
Path Intellisense(路径感知)
-
Better Comment(注释优化)
-
MarkDown all in one(vscode编辑md文件)
查阅键盘快捷键 -
Gitlens(git扩展，查看代码修改)
-
Live Server(本地服务器插件)
-
Volar(Vue3 语言高亮、语法检测，还支持 TypeScript 和基于 vue-tsc 的类型检查功能)
-
Vue VSCode Snippets(快速生成代码片段)
配置快捷键
| 命令 | 键绑定 | 备注 |
|---|---|---|
| cursorLineStart | Ctrl+Q | 光标聚焦当前行开头 |
| cursorLineEnd | Ctrl+W | 光标聚焦当前行结尾 |
| 向上复制行 | Ctrl+E | 将当前光标行复制一行 |
| 选择全部 | Ctrl+A | 全选整个文件内容 |
| 文件:保存 | Ctrl+S | 快速保存文件 |
| 将下一个查找匹配项添加到选择 | Ctrl+D | 逐个选中当前页选中项 |
| 查找 | Ctrl+F | 全局搜索 |
| 查看:关闭编辑器 | Ctrl+G | 关闭当前编辑页 |
| 复制 | Ctrl+C | 复制 |
| 粘贴 | Ctrl+V | 粘贴 |
| 撤销 | Ctrl+Z | 撤销 |
| 剪切 | Ctrl+X | 剪切 |
| 格式化文档 | Shift+Alt+F | 格式化文档 |
| 切换行注释 | Ctrl+2 | 行注释 |
| 切换块注释 | Ctrl+3 | 块级注释 |
| 在下面插入行 | Ctrl+enter(回车) | 光标聚焦当前行任意位置定位到下一行 |
tip
- Q:双击无法选中短横线的问题
A:双击无法选中是编译器配置的问题，你可以在 vscode 的 setting 中找到 word separators 中把-删掉就可以解决双击无法全部选中的问题
