win10操作快捷键 & VsCode操作快捷键及使用

win10快捷键：

一、窗口切换

1、win+Tab 时间轴，查看任务视图

2、Win + D 显示桌面

3、Win + E 打开文件资源管理器（打开我的电脑）

4、Win + i 打开设置

5、Win + L 锁屏

6、Win + R 打开运行窗口

7、Win + S打开搜索 小娜

8、Ctrl + Alt + Del 任务管理器菜单

9、Ait+Tab 任务切换 ，按住Alt可选择跳转的窗口<>

10、 win +1234 切换窗口，对应桌面下方的任务栏

二、便捷操作

1、shift+f5 刷新

2、PrtSc SysRq：截图键，截全屏 ，直接在剪切板，ctrl+v可粘贴

PrtSc SysRq +alt 可以截正在活动的窗口。

3、点开win，输入Cmd：快速命令专栏。不解释，程序员经常用的东西；

4、点开win，输入calc 计算机

5、点开win，输入Dxdiag：打开direcrx诊断工具，可以查看win10版本号以及各种电脑相关信息，修电脑常用。

6、点开win，输入Regedit：注册表。

第二部分：VsCode快捷键及使用tips：

一、操作快捷键

1、ctrl+z 撤销，上一步

2、ctrl + y 取消撤销，下一步

3、ctrl + f 搜索

4、拖动打开的编辑器，可自由更换窗口位置

二、emmet编码快捷键(+tab补全）

总之，标签名#id,标签名.类名，>后代，+

1、! 建立H5页面结构

2、div#info 新建标签及id <div id = "info"></div>

div.info 新建标签及class

a[href=’#’] 新建超链接及class

3、div#warp>ul>li*10 后代用>连接

4、div#warp>p.one+span.two 兄弟：+

5、^ 可以使该符号前的标签提升一行（换行符）

6、通过嵌套和括号快速生成一些代码块

7、自增符号$ 如ul>li.item$*5,即li的class会依次为item1,item2,.......item5

ul>li.item$@-*5 倒序

8、多个类 缩写：p.class1.class2.class3

9、css快捷键，基本是单词缩写+数值+tab

10、ctrl + d 选择同样元素

11、行首 tab 缩进，shift + tab 减少缩进

三、使用tips

1、搜索文件

点击省略号可以进行更详细的设置，包含文件和排除文件，大大节省了搜索时间；

 

也可以在文件夹中右键选择在文件夹中查找，缩小范围

 

2、对VScode进行设置

文件 =》首选项=》 设置 =>有默认设置和用户设置，然后可对编辑器的各种使用细节进行设置

如设置tab为2空格，直接搜索editor.tabSize，在右侧设置为2会覆盖默认设置

 

3、可以在代码窗左侧打断点调试，且下方有控制台等等，可直接在里面进行各种操作和查看不规范代码等等，不一定要打开网页。

 

4、命令行

在VsCode中可直接进行Git操作，具体命令见Git总结，简单操作就不用打开sorcetree了

5、光标切换

当在两个区域输入，如在div及对应样式，光标切换两个位置：
此时我们通过ctrl -就可以回到A区域
在A区域使用ctrl ⇧ -就会回到B区域