项目Debug技巧:让代码成为最好的文档!文件快速搜索,定位错误。

<h2>sublime 搜索技巧</h2>

<h3>右侧导航条</h3>

<p>建议开启sublime右侧,文件导航(slide bar),找文件会方便很多。</p>

<p><img src="http://static.oschina.net/uploads/space/2014/1016/140804_O3l0_1992642.png" alt="" /></p>

<p><img src="http://static.oschina.net/uploads/space/2014/1016/140906_jhak_1992642.png" alt="" /></p>

<h3>Goto 菜单</h3>

<p><img src="http://static.oschina.net/uploads/space/2014/1014/183427_YsdP_1992642.png" alt="sublime截图" /></p>

<p>版本如下</p>

<p><img src="http://static.oschina.net/uploads/space/2014/1014/221151_6dFz_1992642.png" alt="sublime版本" /></p>

<p>建议使用sublime 3 ,3相比与2添加了Goto Definition功能,即定位到 <code>函数定义</code>。</p>

<table> <thead> <tr> <th> 名称 </th> <th> 翻译 </th> <th> 使用情况 </th> </tr> </thead> <tbody> <tr> <td> Goto Anything </td> <td> 文件搜索 </td> <td> 知道文件名的情况下,查找项目内的文件,搜索范围是右侧slide bar内所有文件,支持模糊查询。举个例子,比如mobile文件夹和admin文件夹内都有index.php,如果要搜索,admin文件夹内的index.php,可以先写关键字 admin/index.php,<code>index.php不一定要在admin文件夹下一级目录</code>,多深都给你挖出来</td> </tr> <tr> <td> Goto Symbol </td> <td> 查找当前文件内的函数定义 </td> <td> 定义格式如:function xxx() 和 xxx = function() 的函数,估计是根据 关键字 function 来查找的 </td> </tr> <tr> <td> Goto Symbol in Project </td> <td> 查找当前项目内(指右侧slider bar内所有文件)的函数定义 </td> <td> 同 Goto Symbol</td> </tr> <tr> <td> Goto Defination </td> <td> 前往函数定义 </td> <td> 使用方法:把光标放到函数上,再点击 Goto Defination ,前往函数定义,功能类似 Goto Symbol in Project </td> </tr> <tr> <td> Goto Line </td> <td> 前往指定行 </td> <td> 前往文件内指定行 </td> </tr> <tr> <td> Jump Back </td> <td> 前往光标上次所在处 </td> <td> 这个功能超赞!这样可以随意翻阅文件了,不用再想上一次看哪里了 </td> </tr> <tr> <td> Jump Forward </td> <td> 前往光标较新一次所在处 </td> <td> 同赞! </td> </tr> <tr> <td> Jump to matching Bracket </td> <td> 前往标签闭合处 </td> <td> 匹配类似 <code>{。。。。}</code>,<code>&lt;div&gt;....&lt;/div&gt;</code>,看代码有木有正确闭合 ,对理清逻辑层级很有帮助 </td> </tr> </tbody> </table>

<h3>Find</h3>

<h4>Find in Folder 搜索当前文件夹内文件</h4>

<p><img src="http://static.oschina.net/uploads/space/2014/1016/153340_pom2_1992642.png" alt="" /></p>

<p>点击后界面如下</p>

<p><img src="http://static.oschina.net/uploads/space/2014/1016/153636_LCtq_1992642.png" alt="" /></p>

<p>点击后,将根据关键词,搜索所有文件内容。</p>

<h4>Find 搜索当前文件</h4>

<blockquote><p>快捷键 windows下control + F,mac 下 cmd + F</p></blockquote>

<p><img src="http://static.oschina.net/uploads/space/2014/1016/154047_evmo_1992642.png" alt="" /></p>

<h2>示例</h2>

<h3>利用html定位视图</h3>

<p>这是DOM,与右键查看 查看源代码 显示的内容是不一样的,<code>DOM是经过渲染的源代码</code>,DOM是源代码内脚本执行后的结果,内容和结构一般都要比源代码复杂,最终给用户呈现的是 DOM。</p>

<p><img src="http://static.oschina.net/uploads/space/2014/1016/152727_FnYD_1992642.png" alt="" /></p>

<p>想要通过html里面的字搜索到对应的视图文件,可以在 <em>dom</em> 里面截图一段,你觉得是静态的代码,利用 <strong>Find in Folder</strong> 搜索项目文件。</p>

<p>Tips:</p>

<ol> <li>不要试图搜索php等脚本语言动态生成的 html 内容,来定位视图。</li> <li>建议从<em>dom</em>中寻找,源代码里面需找,会丢失一些信息。</li> </ol>

<h3>mvc架构下的文件定位</h3>

<p>mvc框架的URL分段,一般会包含 <strong>操作类所在目录</strong>,<strong>操作类</strong>,<strong>操作</strong> 三个基本信息。</p>

<p>以CI 为例子,比如某个项目的URL为,http://xxx.xx.me/shopuser/user_manager/show_user,这是pathinfo模式,可能的分段情况如下。</p>

<ol> <li>shopuser 为操作类所在目录,user_manager 为操作类,show_user 为操作;</li> <li>如果,show_user 为参数的话,则 shopuser 为 操作类,user_manager 为操作。</li> </ol>

<blockquote><p>如果没有 url 路由重写的话,mvc架构的url都会包含,操作类 和 操作 连个字段,很多时候,index 会省略。</p></blockquote>

<p>对应的目录结构如下</p>

<pre><code>controllers |---shopuser |--- user_manager.php |--- function show_user() 一搬操作里面会加载视图,这时候,利用 Goto Anything,就可以找到操作对应的视图文件啦! </code></pre>

转载于:https://my.oschina.net/plusman/blog/330333

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值