VsCode
快捷键
快捷键 | 描述 |
---|---|
cmd + f | 搜索、替换 |
cmd + shit + f | 全局搜索 |
cmd + 反引号 | 打开控制台 |
cmd + shift + n | 新建窗口 |
cmd + o | 打开文件 |
shift + option + 上下箭头 | 向上或下复制一行 |
shift + option + 鼠标左键选择 | 选择多行 |
shift + option + 光标选中 | 选中多行同时编辑 |
option + 左右箭头 | 切换更改的位置 |
option + 上下箭头 | 上下移动当前行的位置 |
fn + f2 | 重命名一个变量 |
使用终端打开项目
shift + command + P
打开命令面板- 输入 shell ,找到
Install ‘code' command in PATH
,回车执行 - 打开终端,有两种打开方式:
- cd 进入指定项目路径,输入:
code .
- 输入完整路径:
code /Users/zgh/code/
- cd 进入指定项目路径,输入:
查看帮助:code -v
html 标签简写
这里包含 html 和 css 的简写:https://docs.emmet.io/cheat-sheet/
列出部分常用的:
<!-- div#title -->
<div id="title"></div>
<!-- .title -->
<div class="title"></div>
>
父子关系:
<!-- div>p>span -->
<div>
<p><span></span></p>
</div>
+
兄弟关系:
<!-- div+p+span -->
<div></div>
<p></p>
<span></span>
*
乘法:
<!-- ul>li*3 -->
<ul>
<li></li>
<li></li>
<li></li>
</ul>
$
数字自增:
<!-- ul>li.item$*3 -->
<ul>
<li class="item1"></li>
<li class="item2"></li>
<li class="item3"></li>
</ul>
()
组合:
<!-- table>(tr>(td*3))*2 -->
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
编辑器设置
文件自动保存和格式化
{
"files.autoSave": "afterDelay",
"editor.formatOnSave": true
}
将 TS 提示设置成中文
{
"typescript.locale": "zh-CN"
}
设置字体大小
在 setting 的搜索框里输入font size
,会出现各种字体大小的设置:
Editor: Font Size
:编辑器字体大小Terminal › Integrated: Font Size
:终端字体大小Debug › Console: Font Size
:调试控制台字体大小Editor: Line Height
:设置行高
设置窗口缩放,可以让左侧菜单的字体更大一些:Window > Zoom Level
,这个值默认是 0,值越大显示的字体越大。