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,就可以打开当前文件的结构视图了。