20180602-前端系统学习-开发工具学习以及前端页面调试

1. WebStorm

Windows上快捷键操作：

查找文件：双击shift

查看定义：鼠标放上去按下CTRL同时按下鼠标左键即可跳到定义

以单词为单位移动：按住CTRL再按方向按键

复制一行：CTRL+D

删除一行：CTRL+X

新起一行：SHIFT+ENTER

注释：CTRL+SHIFT+/

调整函数function的位置：CTRL+SHIFT+方向键

调整行的位置：ALT+SHIFT+方向键

格式化代码：CTRL+ALT+L

2. VSCode

Windows上快捷键：

查找命令：CTRL+SHIFT+P

查找文件：CTRL+P

查看定义：F12

格式化代码：ALT+SHIFT+F

行注释：CTRL+/

块注释：ALT+SHIFT+A

3. 前端页面调试

Chrome、FireFox和IE快捷键几乎一致，都为CTRL+SHIFT+I进入开发者模式。

包含元素、网络、控制台等界面。控制台Console可以和调试搭配使用。其他面板根据名字即可知道含义。