webstorm通过BookMark书签功能记录代码文件位置、实现方便的代码阅读跳转

第一次接手一些几百几千行的的html、js代码文件,往往需要频繁地切换文件、查看函数声明实现来理清代码的逻辑。Webstorm可以方便地通过中键来跳转文件的位置,但有的时候各种方法的调用和实现分布在同一个文件中的不同位置,即使开分屏切换起来也很麻烦。这个时候BookMark书签功能就派上用处了。
在国内的博客里好像对这个功能介绍的不多,但的确是很方便的功能,写一篇文章记录一下。

webstorm通过BookMark书签功能记录代码文件位置、实现方便的代码阅读跳转_第1张图片
webstorm通过BookMark书签功能记录代码文件位置、实现方便的代码阅读跳转_第2张图片
在一行代码处按下F11或者右键行数可以在此处设置一个书签。
webstorm通过BookMark书签功能记录代码文件位置、实现方便的代码阅读跳转_第3张图片
按下Ctrl+F11可以设置一个具有标号的书签。
webstorm通过BookMark书签功能记录代码文件位置、实现方便的代码阅读跳转_第4张图片
按下Shift+F11可以查看该项目中的所有书签,按下Ctrl+书签标号可以进行跳转。

最后来一段营销号式结尾:这就是webstorm通过书签实现代码跳转的功能了,大家还有哪些对编译器翻阅代码功能的看法呢,可以在留言区跟小编一起分享噢。

你可能感兴趣的:(前端)