33 Vscode常用操作
33.1 Vscode快捷键
- 创建文件：
Ctrl+N` - 保存文件：
Ctrl+S` - 放大页面：
Ctrl++ - 缩小页面：
Ctrl+- - 预览页面：
Alt+B，或单击鼠标右键，在弹出窗口中点击Open in Default Browser - 自动换行：
Alt+Z,或在查看中选择自动换行 - 自动注释：
ctrl+/ - 格式化代码：
Shift+Alt+F - 代码向左缩进：Ctrl + [ 或者 Shift+Tab
- 代码向右缩进：Ctrl + ] 或者 Tab
- 查找：
Ctrl+F
修改快捷键
vscode 首选项按钮 → 键盘快捷方式 → 查找 → 原来的快捷键 → 修改为新的快捷键 → 回车确认
33.2 Emmet语法
Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法.
- 快速生成HTML结构语法
- 快速生成CSS样式语法
33.2.1 快速生成HTML结构语法
1．生成标签直接输入标签名按tab键即可比如div然后tab键，就可以生成<div></div>
2．如果想要生成多个相同标签加上*就可以了比如div*3就可以快速生成3个div
3．如果有父子级关系的标签，可以用>比如ul > li就可以了
4．如果有兄弟关系的标签，用＋就可以了比如div+p
5．如果生成带有类名或者id名字的，直接写.demo或者#two tab键就可以了
6．如果生成的div类名是有顺序的，可以用自增符号$
7．如果想要在生成的标签内部写内容可以用{}表示
- 每行同样位置输入文字，
Shift+Alt+鼠标下拉，选中后输入相关文字即可。