广告

两个PHP集成开发环境对比[Dreamweaver vs phpStorm]

话说这个dreamweaver一用就用了4年, 为什么呢? 软件的UI做的棒! 由于一些原因, 一直想换, 但一直没有舍得换. 况且dwcs4, dwcs5, dwcs6 一路走来是越做越好, 可是没办法, 最终还是换了. 为什么呢? 下文慢慢来说说:

先说说dreamweaver有些什么常用个功能和优劣势吧

  1. 总所周知, Adbobe旗下的软件UI是整个行业界数一数二的. 美观, 体验好. 一句话: 看上去就是美, 用起来就是顺.
  2. DW的站点功能非常好, 在网站开发方面, 它没有project的概念, 而是用site代替了. 用户可以快速的在多个站点间切换工作
  3. 代码提示, 这个不用说了, 是个IDE都应该有这个功能
  4. 自定义代码提示来源, 这允许用户自定义一个源码文件夹来提供代码提示依据, 如:将wordpress的源码添加到站点中, 在写代码的时候就可以方便的提示其函数了
  5. 提供代码整理, 代码片段管理, 模版管理, 色板管理, 链接管理
  6. 集成了SVN版本控制系统(不过不太好用)
  7. 最后对于一些用户来说还有一个比较重要的因素,就是它有中文版的.

下面来说说phpStorm(v5.04)

  1. phpStorm的UI和DW相比稍微逊色一些, 特别是代码的高亮色, 挺不习惯的, 所以自己调整了一下. 经过调整后感觉还是挺有归属感的
  2. phpStorm里面可以通过project或者直接打开directory即可创建工程. 但乍眼一看, 貌似没有site的功能嘛, 比如我如何直接在浏览器中运行当前编辑的脚本呢? 经过多次研究,还是找到这个功能了,比较隐蔽, 下文会介绍方法.
  3. phpStorm的代码提示是个亮点, 想比下来,DW在这方面就逊色很多. phpStorm不仅支持常见的函数提示, 还可以支持其他任意的函数,方法,属性的提示, 这非常的不错, 而且可以解析和显示数据结构. 不足的是在js的提示方面有些偏差,它会把所有的关键字都给提示出来.
  4. phpStorm的有一个亮点是它支持代码追溯, 按住ctrl+鼠标左键可以快速定位到当前变量, 函数, 方法的申明位置.这大大的提高了开发效率
  5. phpStorm的另一个亮点是它支持phpDoc, 可以自动在脚本的顶部生成说明, 可以方法上方生成方法和参数及返回值说明
  6. phpStorm的代码格式化非常强大, 可以格式化任意语言的脚本, 可以自定义格式化样式, 如:对齐等号, 对齐冒号. 可以一键格式化整个工程目录
  7. phpStorm的代码高亮也很强大, 特别是在javascript方面, 它可以区分scope,区分各种变量. (但是我个人来说更喜欢颜色单一一点的)
  8. phpStorm的refactor的功能很好,可以批量重命名变量, 安全删除, 代码抽取.
  9. phpStorm在版本控制方面提供了多个版本控制系统, 如GIT, SVN, GITHUB, MERCURIAL. 它可以直接连接到github, 并且可以一键把当前的脚本创建为gitlist.非常的好.
  10. phpStorm还有一个非常NB的代码断点调试功能, 它可以在php代码的任意位置设置一个或者多个断点, 支持单点步进功能, 下文会介绍如何配置

对于phpStorm的这些功能, 用过eclipse的朋友多多少少觉得有些不屑一顾, 因为这个和eclipse的功能非常相似. 这一比下来, 很想说一句…这还用比么…可是, 客观的分析下来, DW还是有一些好处的, 相比下来它功能更小巧,适用.从消耗资源上来说肯定是要比eclipse和phpStorm少的. 因为在这方面我还是有经历过的, 之前没有用SSD固态硬盘的时候, 用eclipse会很卡, 特别是在代码提示的时候, 用得想崩溃. 对于两者都没用过的朋友都可以试一试, 想到放弃DW的初衷在于写js的时候代码非常多, 找个变量或方法要滚动很久, 很费劲, 因为DW没有结构浏览器. 但这也是在代码量非常大的时候才会出现. 对于如强大的代码提示功能或者refactor功能我感觉都是浮云, 有利有弊, 可有可无. 对于新手来说, 用功能特别强大的IDE不太好, 它太’华丽’而喧宾夺主, 而且那些功能你根本都不知道它是为何设计, 也不知道何时使用, 当你有一天想要寻找这些功能的时候或许你会恍然大悟.所以如果你还刚入门, 希望看到此文后能引起一些思考,当然,决定自己做.

phpStormr如何配置站点功能

  1. 首先, 创建一个工程, 或者直接打开一个目录
  2. 在菜单中Tools-Deployment-Configuration. 点击加号新建一个配置.
  3. 在Folder中选择当前的网站的根目录(对应第一步中打开文件夹的路径)
  4. 在Website root Url中填写网站根路径
  5. 在Mappings选项开下二三栏中都填写一个反斜线\
  6. 最后点击ok保存, 这样你当前的网站就配置好了
  7. 在菜单中-Views-Open in browser 即可浏览到当前的脚本.

如何开启phpStorm的debug功能

  1. 服务器端(本地调试的情况下就是在本机)安装好XAMPP,停止apache服务(注意,如果直接退出XAMPP,是不会停止apache的)
  2. 在安装目录下找到php.ini,类似于C:\xampp\php\php.ini,并打开
  3. 找到被注释掉的项目并按如下设置:
    zend_extension = "C:\xampp\php\ext\php_xdebug.dll"(根据实际情况确定)
    xdebug.remote_enable =1
    xdebug.remote_handler = "dbgp"
    xdebug.remote_host = "localhost"
    xdebug.remote_mode = "req"
    xdebug.remote_port = 9000
  4. 其中remote_host 是指调试客户端的地址,即IDE所在的IP,同理remote_port 是客户端的端口,这两项在远程调试的情况下注意修改
  5. 保存文件,打开apache,这时候在CMD里输入 C:\xampp\php\php.exe -m 看到XDebug,说明开启成功。至此,服务器端配置完毕
  6. 下面是客户端调试,打开phpStorm,进入File>Settings>PHP>Servers,这里要填写服务器端的相关信息,name填localhost,host填localhost,port填80,debugger选XDebug
  7. 进入File>Settings>PHP>Debug,看到XDebug选项卡,port填9000,其他默认
  8. 进入File>Settings>PHP>Debug>DBGp Proxy,IDE key 填 phpStorm,host 填localhost,port 填80
    点OK退出设置。
  9. 打开浏览器,如果是用chrome或者Firefox可以找到对应的XDebug工具,工具的设置里的IDE KEY填上phpStorm,把localhost加入到白名单,以后调试的时候把工具启用就好了。如果是用其他浏览器,可以访问http://www.jetbrains.com/phpstorm/marklets/,在右边填上phpStorm,点generate,把下面的链接添加到收藏夹,方便调用。在phpStorm里打开监听,就是一个电话一样的按钮。在浏览器里打开XDebug工具,访问localhost,与phpStorm连接成功!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>