VS Code
ctrl + shift + K 現在の行を削除
alt + shift + ↓ 現在の行は下行にコピー
alt + shift + ↑ 現在の行は上行にコピー
ctrl + / 注释掉当前行
ctrl + E 最近打开的文件
ctrl + Enter 在下面插入行
alt + ← 代码回到前一个地方
输入! 之后,按TBL键 自动生成Html基础代码
ctrl + P Go to File
ctrl + G Go to Line
Ctrl + D Add next Occurrence
创建文件的方式:
新建文件夹,之后
(1)拖到VS Code上打开这个文件夹。
(2)用VS Code的菜单选择打开文件夹。
两种方式都可以。
■VS Code布局
常用按钮,熟悉一下。
■自动生成代码:
! + Tab键: 自动生成html内容。
emment快捷键:
ul.ul-list>li.li-${li_$}*5
a.img-link[href="http://..."]>img.img[src="http://.../log.png"]
掌握常用的即可。
■常用快捷键:
单行注释:ctrl + /
多行注释:shift + alt + A
删除当前行:ctrl + shift + K
复制当前行:alt + shift + 箭头上 /下
移动当前行:alt + 箭头上 /下
代码格式化:shift + alt + F
显示隐藏/目录: ctrl + B
打开终端:ctrl + ~
切换最近打开文件:ctrl + E
当前页面查找/替换:crtl + F / ctrl + H
多光标:alt + 鼠标左键
新建窗口:ctrl + shift + N
在下面插入行:ctrl + Enter
在上面插入行:crtl + Shift + Enter
■安装插件:
- chinese
- open in
- 代码格式化 prettier
- live server
保存时可以自动格式化。
安装prettier时可以看它的代码仓库git。
团队代码统一。
■主题
- Dracula official粉色主题
- SynthWave 84
- Power Mode 炸裂效果
■补充:开源学习文档
doc.bufanui.com 不凡学院