跳到主要内容

VsCode

快捷键

快捷键描述
cmd + f搜索、替换
cmd + shit + f全局搜索
cmd + 反引号打开控制台
cmd + shift + n新建窗口
cmd + o打开文件
shift + option + 上下箭头向上或下复制一行
shift + option + 鼠标左键选择选择多行
shift + option + 光标选中选中多行同时编辑
option + 左右箭头切换更改的位置
option + 上下箭头上下移动当前行的位置
fn + f2重命名一个变量

使用终端打开项目

  1. shift + command + P 打开命令面板
  2. 输入 shell ,找到 Install ‘code' command in PATH,回车执行
  3. 打开终端,有两种打开方式:
    1. cd 进入指定项目路径,输入:code .
    2. 输入完整路径:code /Users/zgh/code/

查看帮助: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,值越大显示的字体越大。