Web Storm 7 的使用学习点滴

1. 开启调试 js 功能

a. File->setting->Live Edit->勾上：Enable live editing。

b. 打开要调试的js， 再选 ： Run->Debug->Edit  configurations...->设好调用该 js的name、URL,与 Browser。 （在此注意，browser 要调试js， 需要装插件，第一次运行时，其浏览器会自动提示是否装其调试插件工具。不知何故我的chrome没法装插件，所以就用firefox了， 其插件就是自动提示装的。)

c. 经上面设置后，每次调试时，先选 debug, 在其弹出的菜单中-> 选调用其js的html项 -> debug  就可以了。

2. 快捷键方式的设定

File->setting->Keymap -> keymaps 中可以设定大家熟悉的快捷使用方式。如我选的visual Studio，当trace js时，只用按Alt+F5就可以了，很方便。

3. 查看js文件里所有函数变量与函数的结构视图

在主界面的左下角找一方块图标，将鼠标移到其图标上，会显示一菜单，在里面选structure,就可以打开当前文件的结构视图了。