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.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了

你可能感兴趣的:(前端开发工具使用tips)