• 快速开始引导
    • 开始创建之前
    • 初始配置
    • 在欢迎界面设置默认配置
      • 后续修改设置/偏好
      • IDE主题和编辑器主题的不同之处
    • 项目工作
      • 用下载的代码创建项目
      • 根据版本库中的代码创建项目
      • 从头创建新项目
      • 填充你的项目
    • 定制项目的所有配置
      • VCS(版本控制)
      • VCS(本地历史)
      • VCS(文件颜色)
      • IDE和编辑器
        • 外观
        • 编辑器
        • 快捷键
        • 外部编辑器
    • 后台任务
    • 使用宏
    • 多文件工作
    • 查找通过:
      • Search everywhere(全部搜索)
      • 搜索项目元素
      • 搜索代码元素
      • IDE组件
    • 代码智能提示
      • 编辑和编写代码
      • 分析代码
      • 查看文档
      • 安全地重构
    • 即时查看改变
    • 运行和调试应用程序
    • 测试应用程序
    • 仅此而已
  • 另请参阅:

    快速开始引导

    在这个页面中,你将了解:

    • 开始创建之前
    • 初始配置
    • 在欢迎界面设置默认配置
      • 后续修改设置/偏好
      • IDE主题和编辑器主题的不同之处
    • 项目工作
      • 用下载的代码创建项目
      • 根据版本库中的代码创建项目
      • 从头开始一个新项目
      • 填充你的项目
    • 定制项目的所有配置
      • 版本控制
      • 本地历史
      • 文件颜色
      • IDE和编辑器
        • 外观
        • 编辑器
        • 快捷键
        • 外部编辑器
    • 后台任务
    • 使用宏
    • 多文件工作
    • 查找通过:
      • 全部搜索
      • 搜索项目元素
      • 搜索代码元素
      • IDE组件
    • 代码智能提示
      • 编辑和编写代码
      • 分析代码
      • 查看文档
      • 安全地重构
    • 即时查看改变
    • 运行和调试应用程序
    • 测试应用程序
    • 仅此而已

    欢迎来到PhpStorm,这是一个简洁的指南旨在帮助你掌握该IDE。

    开始创建之前

    如果你准备直接在远程主机上调试和运行应用程序,你需要做的仅仅是在PhpStorm中进入该主机并且配置能够同步。

    如果你准备本地启动应用程序,你需要一个安装PHP引擎并关联到PhpStorm中,并且安装配置Web服务且关联到PhpStorm中。你可以单独安装那些组件或者安装AMP整合包(Apache, MySQL, PHP整合包),PHP5.4或更高以上可以由PhpStorm支持使用内置服务器。

    PhpStorm是全平台的,可以在Windows、OS X和Linux上工作。

    初始配置

    当你第一次启动PhpStorm时,你会被询问是否有之前版本的配置并且如何处理这些配置。基于本教程的目的,假设我们没有之前的版本,点击OK

    选择是否导入之前配置

    下一步,你会看到PhpStorm许可激活对话框,你必须填入你自己的许可:

    填写许可信息

    在你指定你的许可之后,PhpStorm将展示最初的设置窗口。在这里你可以选择你想使用的快捷键和IDE和编辑器的样式。点击向下箭头arrowDownSmallClick to show preview(点击预览)来预览你的选择的是什么样子的:

    最初设置窗口

    注意,PhpStorm有一些预定义快捷键,例如Eclipse、Visual Studio、Emacs、GNOME、KDE等等风格的快捷键,在Settings/Preferences对话框中的Keymap页面,你可以发现可用的快捷键列表。

    如果你之后感觉你初始的设置不正确,你仍然可以修改设置。想要了解更多关于键盘映射设置,参考章节配置快捷键。

    在之后你可以修改IDE主题和编辑器主题。

    PhpStorm有一个IdeaVim插件提供vi/vim/gvim的仿真环境。

    在欢迎界面设置默认配置

    再次提示,如果你是第一次启动(或者你没有打开过项目),在启动时你可以看到欢迎界面:

    欢迎界面

    如果你点击Configure(配置),PhpStorm将显示下拉框建议你配置settings/preferences(设置/偏好)plugins(插件)import and export settings(导入和导出设置)check for updates(检查更新)。选择Settings/Preferences(设置/偏好)你可以看到设置偏好对话框。注意看这个对话框,它的头部写着Default Settings/Preferences(默认设置/偏好)

    这意味着什么呢,这些设置将在你每个新建的项目中应用。

    这些设置属于默认设置,用图标默认设置图标来标识。

    编辑器设置属于你的工作环境。

    例如,你总是想在编辑器中显示行号。在Settings/Preferences(设置/偏好)对话框中,展开Editor(编辑器),然后进入Appearance(外观)页面,选择复选框Show line numbers(显示行号)

    设置显示行号

    如果你想为编辑器设置特殊的颜色,而且你不满意默认的颜色。那么选择一个基础方案,或者创建一个副本,然后修改颜色(默认方案不能编辑)。

    也可以设置你喜欢的字体大小,可以在Settings/Preferences(设置/偏好)对话框的Colors and Fonts(颜色和字体)节点中下面的Font(字体)页面这样做。再说一次,必须先创建一个方案的副本如果你没有这样做,然后指定你想要的编辑器的字体大小。这个字体大小将适用于当前编辑器和所有新打开的编辑器,然而,它并不影响IDE组件的字体大小。

    请注意,您可以在预览窗格中看到你实验的结果:

    编辑器字体修改预览

    后续修改设置/偏好

    在项目中修改IDE的界面外观和编辑器的颜色方案,你得打开Settings/Preferences(设置/偏好)(按Ctrl+Alt+S,或者点击主工具栏的设置按钮图标)。

    例如,你想修改IDE的界面外观(主题),注意,PhpStorm有几种预定义的主题。可用主题的设置取决于你的平台。在Settings/Preferences(设置/偏好)对话框的Appearance(外观)界面中你可以找到所有可选的主题。

    这就是修改IDE主题的步骤:

    1. 在主工具栏中,点击设置按钮,或者按Ctrl+Alt+S
    2. 展开Appearance and Behavior(外观行为)节点,点击Appearance(外观)。
    3. 在Appearance(外观)页面,从下拉框中选择你喜欢的主题:

      选择IDE主题

      注意Reset(重置)链接在对话框的顶部出现了,如果你改变想法了,点击它来撤销修改。同时注意鼠标悬停在重置按钮上时Apply(接受)按钮变得可用了。

      重置IDE主题

      你也可以修改PhpStorm中其他定义界面外观的设置,例如,修改windows的行为。

    4. 接受修改,你可能被要求重启IDE(例如:当你将主题改为Darcula或者从Darcula改为其他主题时)。

    好了,PhpStorm的主题已经改变了,但是你可能任对编辑器中代码的外观不满。例如,你想对当前行换一种高亮颜色,让我们开始吧:

    1. 再一次,在主工具栏上点击设置按钮打开 Settings/Preferences(设置/偏好) 对话框,展开Editor(编辑器)节点,点击Colors and Fonts(颜色和字体)。
      注意,你不能修改预定义的颜色主题,必须先复制一份:

      复制颜色主题

    2. 点击 Save As… 按钮,然后输入新颜色主题的名称。

      另存新颜色主题

      这个新的颜色主题是可编辑的 ,你可以开始修改到你喜欢的样子。

    3. 在Colors and Fonts(颜色和字体)节点下面,点击General(常规),在列出的列表中,展开Editor节点,然后定位到 Caret row(输入符号所在行) 项。

    4. 点击背景颜色小方块打开取色盘:

      取色盘

      在这个对话框中,点击你想要的颜色,然后点击Choose

    顺便说一下,你已注意到一些节点有默认设置图标的标记。这意味着在这些页面上设置将作用于当前项目,没有这个图标的页面上的设置将作用于整个工作环境。

    IDE主题和编辑器主题的不同之处

    注意IDE theme(IDE主题)和color scheme of the editor(编辑器主题)之间的不同。前者关系到整个IDE,后者仅涉及到编辑器。可能存在IDE用的黑色主题(如Darcula)而编辑器使用亮色主题(如Default)的可能,这样做,整个PhpStorm组件是一种主题,同时编辑区域是另一种:

    不同配色的主题

    项目工作

    在PhpStorm中,你做的每件事都在project(项目)环境中。

    在PhpStorm中,项目是包含源代码和名叫.idea的嵌套文件夹的一个文件夹。.idea文件夹是PhpStorm储存必要信息的地方-在Project view(项目视图)中不可见。从用户的观点,一个项目文件夹仅包含一些PHP源代码。

    当你新建一个项目(File | New Project),或者打开一个已存在的项目(File | Open),PhpStorm提示你选择如何打开一个项目:一个新窗口或者关闭之前项目在当前窗口打开。

    更多详细信息请参考Creating and managing projects(创建和管理项目)章节。

    作为练习,创建一个新的空项目,在项目中你可以开发一些纯PHP代码。这个例子在教程Creating and Running Your First PHP Project(创建和裕兴你的第一个PHP项目)中详细讨论。

    顺便说一下,PhpStorm建议创建的项目有很多类型:PHP, Twitter Bootstrap, HTML5 Boilerplate,等等。当创建新项目的时候你可以探索自己可用的类型。

    PhpStorm创建项目类型

    如你所见,PhpStorm支持所有主流的框架,对每种支持的项目类型,PhpStorm创建相应的文件和目录结构,以及必备的组件。

    使用PhpStorm,你可以用下面的方法建立项目:

    • Download the sources from a remote host and arrange them in a PhpStorm project(从远程服务端下载代码并部署在PhpStorm中)
    • Clone a version control repository and create a project around the downloaded sources(克隆一个版本库并且用下载下来的代码创建项目)
    • Start a project from scratch(从头开始一个新项目)

    用下载的代码创建项目

    一个通用的工作流程是更新一个已存在的应用程序。在这种情况下,你需要下载程序代码并将它们安排到PhpStorm项目中。

    1. 首先,configure access to the remote host(配置远程服务端权限),找到代码的位置(Tools | Deployment(部署) | Configuration)。
    2. 启动New Project from Existing Sources Wizard(从现有代码新建项目引导) (File | New Project from Existing Files) ,然后指定链接远程服务端的方式(FTP/SFTP/FTPS, local 或者 mounted folder(挂载文件夹))。

    参考章节Creating a Project from Downloaded Files(从下载的文件创建项目)。

    根据版本库中的代码创建项目

    你也可以从版本控制仓库下载代码,如GitHub。

    选择VCS | Checkout from Version Control | \) ,当PhpStorm询问时,填入你链接仓库的证书。

    参考以下章节:

    • VCS-Specific Procedures(特殊版本控制规程)
    • Cloning a Repository from GitHub(从GitHub克隆仓库)
    • Setting up a Local Git Repository(建立本地git仓库)
    • Checking out Files from SVN Repository(从SVN库中检出文件)

    从头创建新项目

    你可以从头建立项目,从头开始开发一个应用程序。

    1. 在欢迎界面点击Create New project ,或者在主菜单,选择File | New Project….
    2. 在打开的对话框中,选择项目类型和输入项目属性例如项目名称、父文件夹和项目类型。

    参考Creating New Project From Scratch(从头创建新项目)。

    填充你的项目

    新建文件和目录到你的项目是很快的:在主菜单选择File | New… ,或者在Project Tool Window(项目工具窗)的右键菜单中选择 New

    选择你选择的元素然后输入名称,PhpStorm做剩下的工作:根据模板创建文件并且初始化一些代码。

    更多详细信息请看Populating Projects(填充项目)。

    定制项目的所有配置

    看主工具栏-有一个设置按钮设置按钮。点击该按钮弹出Settings/Preferences 对话框。在这你可以改变项目结构,建立版本控制,改变工作环境让开发更加愉快。

    一些设置仅属于特定的项目,例如:项目解释器、版本控制配置或者文件颜色,它们有默认设置图标的标记。其它的,例如编辑器设置、快捷键或动态模板-属于整个工作环境。甚至可以在没有打开项目的时候进行配置。

    VCS(版本控制)

    毫无疑问的,你在用版本控制保存你的代码,对吧,Git? SVN? Mercurial?
    在PhpStorm中这些很容易配置,并且这个IDE能很好的自动探知在现有项目中是否存在版本控制。

    但是你可以调整-在Settings/Preferences 对话框中点击Version Control(版本控制)节点。默认情况下,你将只能看到项目根目录,但是你可以把你的程序分成小块,然后将每个小块目录都可以在它独有的版本控制系统之中。

    在Settings/Preferences对话框,你也可以为所有的版本控制系统定义一些常用的行为:confirmation on creating or deleting files(在创建或删除文件时确认)、tasks performed in the background(在后台执行任务)、ignoring unversioned files(忽略无版本的文件)等等。

    更多详细内容参考Version Control with PhpStorm(版本控制概念)章节。

    VCS(本地历史)

    除了传统的版本控制系统,还能使用local history(本地历史)。通过本地历史,PhpStorm自动跟踪代码的变更、重构的结果和一系列预定义事件(测试、部署、提交、更新)中代码的状态。本地历史总是可用的。

    VCS(文件颜色)

    你的项目中可能包含几个网站。每个网站拥有的文件之间可能有相同的名字。当它们都同时在编辑器里面打开时,将十分令人困惑,怎么知道一个文件是属于哪个网站的?PhpStorm将它们突出显示通过渲染编辑标签的颜色(Settings/Preferences|Appearance&Behavior|File Colors)。

    将你的项目分成小块 - scopes(区块)(例如,每个网站一个区块),然后为每一个选择一种颜色。

    更多详细内容参考Configuring Scopes and File Colors(配置区块和文件颜色)。

    IDE和编辑器

    在一个IDE上工作意味着和它一起生活,很自然的,它是你常带的地方,使你的眼睛愉悦和手指舒适。这就是为什么PhpStorm能够选择IDE和编辑器的外观和感觉,配置你更偏爱的快捷键设置,好的滚动行为,高亮等等。

    建议你熟悉Project and IDE Settings(项目和IDE设置)和Configuring Settings(配置设置)部分。

    再说一次,上述的设置在Settings/Preferences对话框中配置:点击默认设置图标来打开此对话框,然后能看到列表页面。对于新手这三个页面可能比较感兴趣:Appearance(外观), Editor(编辑器), 和 Keymap(快捷键)。

    外观

    记住,你在第一次启动时已经选择了最初的IDE外观。如果你感觉结果不太合适,现在是时候改变你最初的意见。在Appearance(外观)设置界面( Settings/Preferences | Appearance&Behavior | Appearance ),你可以选择PhpStorm的界面外观。点击theme (英文写的是Look and feel,但是我没找到,猜测应该是theme选项) 下拉框,然后选择更适合你的方案。你不需要关闭Settings/Preferences对话框就能观察到实验结果:仅仅点击Apply,看看情况,当你选择了你觉得合适的选项后你可以关闭对话框。

    编辑器

    Settings/Preferences对话框中Editor(编辑器)节点下面的很多页面帮助你调整编辑器的行为的方方面面。注意,PhpStorm自带预定义的配色方案,但是,如果你想定制化一些东西,也欢迎你这么做:用新名字另存默认配色方案,然后开始改变其背景、字体、颜色的语法元素,错误高亮,等等。同时你可以立即在预览窗格中观察结果。

    更多详细信息参考Configuring Project and IDE Settings(配置项目和IDE设置) 和 PhpStorm Editor Guided Tour(PhpStorm编辑器引导教程)章节。

    快捷键

    一组快捷键是你工作中最亲密的习惯之一-你的手指记住一些键位组合,改变这些习惯是相当痛苦的。考虑到这一点,PhpStorm向你提供各种预定义的键盘布局,为那些已经习惯Eclipse或者已经在Visual Studio中工作和很久的人。你可以根据现有的创建你独有的键盘布局。

    最后,这有一个魔法快捷键Ctrl+Back Quote (Ctrl+`)帮助你不用设置对话框切换不同的方案(所有方案-键盘布局,颜色,代码风格和界面外观)(仅支持Windows和Linux)。

    更多详细信息参考Configuring Keyboard Shortcuts(配置快捷键)章节。

    外部编辑器

    虽然你可以可以将键盘布局设置为你喜欢的编辑器(Emacs, Vim, TextMate等等)样式,但是你仍然想要在你喜欢的编辑器中打开文件。你可以很容易做到通过设置外部编辑工具。例如,你可能想用Emacs作为外部编辑器打开文件。

    更多详细信息参考Configuring Third-Party Tools(配置第三方工具)。

    后台任务

    有时候,当一个长时间的任务正在运行,PhpStorm展示一个进度条。你可以将任务交由后台执行,但是你仍然能查看它工作的怎么样了。

    更多详细信息参考Working with Background Tasks(使用后台任务)章节。

    使用宏

    很高兴能用编辑器简化一些工作,使用宏就是一种可行的方式。

    更多详细信息参考product documentation(产品文档-指的是宏的使用帮助文档)章节。

    多文件工作

    你可能已经注意到了,PhpStorm打开在编辑器的独立的标签页中打开文件。

    PhpStorm提供了更方便的方法switch between the various tabs(在不同标签页之间切换)。允许pinning and unpinning each tab(锁定和解锁每个标签页),将标签页沿着窗口的四个边缘放置,分割标签页等等。

    分割标签页

    更多详细信息参考Managing Editor Tabs(管理编辑器标签页)章节。

    查找通过:

    标题原文是Find your way through,通过。。的方式查找,不好作为标题。

    现在,你应该知道如何使用PhpStorm开始工作了,是时候开始看它的跳转特性了。这可以帮助你不会迷失并且也能提高工作效率。

    Search everywhere(全部搜索)

    搜索是肯定最熟悉的和必要的选项,用于快速跳转。通过PhpStorm你可以用一个动作就能搜索任意类,文件,动作甚至是IDE设置。双击Shift或者点击右上角的放大镜图标搜索全部

    全部搜索窗口

    搜索项目元素

    项目元素概览的必备工具是Project tool window(项目工具窗)(View | Tool Windows | Project tool window)。它用目录文件树的形式展示项目。想要打开它,点击工具窗栏的图标或者按下Alt+1

    项目工具窗

    想要在项目中通过名称快速查找到元素并在编辑器中打开,使用快速跳转弹出框:按下Ctrl+N(类),Ctrl+Shift+N(文件),Ctrl+Shift+Alt+N(符号),然后输入你想要找的名称。当你输入时匹配的名称列表会逐渐收缩,但是这仅仅是一种方便的工具,你可以使用通配符匹配所有驼峰词的大写字母,或者用空格匹配snake_case names(蛇形名称?),或者使用斜杠匹配嵌套文件夹等等,等等。

    搜索项目元素

    搜索代码元素

    跳转和查找源代码的最基本的方式是Ctrl+F,开始输入你的搜索字符串,然后让它在你的当前文件中出现:

    基本搜索

    浏览当前文件的终极方式是使用File Structure View(文件结构视图)(Alt+7Ctrl+F12)并且在这里面搜索:

    文件结构浏览

    除此以外,PhpStorm建议一种更复杂的方法,也就是search for usages(搜索引用)。例如,如果你想在应用中跳转到一个符号的某个引用,按下Alt+F7,或在右键菜单中选择Find Usages(查找引用) ,然后在查找工具窗中会出现结果。

    查找工具窗

    使用“Go to”动作跳转到一个声明(Ctrl+B),实现(Ctrl+Alt+B),类型声明(Ctrl+Shift+B),或者超级方法(Ctrl+U)。

    更多详细信息参考Searching Through the Source Code(搜索代码)和Navigating Through the Source Code(浏览源代码)章节。

    IDE组件

    有很多方法在navigate across the IDE(IDE之间跳转)。你可能在第一次浏览的时候没有记住所有动作和菜单命令,但没有关系。别着急!任何时候当你需要IDE动作的时候,你可以在Help | Find Action…Ctrl+Shift+A)中找到他或者使用Search Everywhere(全部搜索)。所以,让我们简要列出一些主要命令。

    让我们以switcher(切换器)来作为开始:按下Ctrl+Tab来打开切换器,这是一个PhpStorm的工具窗和打开的文件列表,然后保持按下Ctrl键,使用Tab或方向键定位到你想跳转到的组件:

    切换器

    按下Ctrl+E打开最近打开过的文件,使用Ctrl+Alt+Open Bracket (左方括号)Ctrl+Alt+Close Bracket (右方括号)快捷键在他们之间切换。

    如果你在IDE的一个组件中选择一个文件并想在另外一个组件(编辑器,项目视图,导航栏,或者变更列表)中查看,使用Select Target(选择目标)(Alt+F1):

    选择IDE跳转目标

    最后,按下Escape键将让你回到编辑器,无论现在在什么地方。Ctrl+Shift+F12将隐藏所有的工具窗仅剩下编辑器。

    代码智能提示

    PhpStorm因它的智能代码分析功能而出名。无论你怎么开发你的代码,它总是在眼前,帮助你不浪费时间地创建无错误应用。

    编辑和编写代码

    在开发的每个阶段,在任何文件中,尝试使用code completion(代码补全)(Ctrl+Space),根据当前上下文的解释获取。基于你调用这个动作的地方,你可以补全关键词或代码块,推测类型,完成方法和属性等等:

    代码补全

    愉快的使用live templates/code snippets(动态模板/代码片段)(Ctrl+J)或者surround templates(环绕模板)(Ctrl+Alt+T)来生成完整的代码结构:

    动态模板

    PhpStorm附带了广泛的现成的动态模板,或代码片段,你可以在Settings/Preferences对话框的Live Templates(动态模板)页面中探索。如果你发现你缺少一些对开发目标特别重要的东西,你可以自己设置一些代码片段。

    不要错过环绕补全代码结构的可能(选中Code | Surround With 或者按Ctrl+Alt+T)。

    PhpStorm帮助你遵循代码风格指南。所有新的代码根据代码风格设置自动格式化(Settings/Preferences | Editor | Code Style)。然而你可能需要format some part of the code(格式化一部分代码)或者接受代码风格设置的改变。这么做,使用Code | Reformat Code…(Ctrl+Alt+L)。

    分析代码

    我们,开发人员,仅花费20%的时间在写新的代码,但是至少80%的时间在改善已存在的代码。为了帮助你避免错误和改善的更快,PhpStorm给你许多的提示和提醒基于最好的开发实践。

    首先,当你输入的时候,你能马上在语法错误的地方看到红色的下划波浪线。如果你将光标放在一个有错误的地方,你将在提示框中看到简要的问题错误说明,同时在状态栏左侧也或出现该错误信息。除此之外,你能沿着validation bar, or the marker bar(指示栏/标记栏)看到红色的条纹,当你将鼠标悬停在那种条纹上时,你将看到提示框中的错误描述。

    错误提示

    当你输入代码时,PhpStorm想一个勤奋的程序员,一直关注着你正在做什么。此外,IDE提出更聪明的建议,也被叫做intention actions(意向动作),用建议错误提示图标表示。点击这个按钮,或者按Alt+Enter来自动创建你没有声明的方法,修复if/else状态,等等问题。

    修复问题

    下个级别是静态代码解析,或者叫code inspections(代码检查):你的代码在没有实际执行的情况下被分析。实际上,PhpStorm在当前文件动态的检查代码,并在指示栏用彩色的条纹显示检查结果。如果你看到IDE框架的右侧有明亮的红色条纹,小心,这意味着你的代码有严重的错误。不太重要的事情,代码改进建议,或者警告,显示的是黄色的条纹。指示栏顶部的颜色指示器显示的信息是当前文件的概述,就像交通信号灯:绿色意味着一切都没问题,如果至少有一个问题那么指示器变成黄色或红色。

    有时候你需要更深入的查看你的代码。在这种情况下,你必须检查整个项目,或者它的任意部分( Code | Inspect Code ),然后你可以在Inspection Tool Window(检查工具窗)中查看结果。

    检查工具窗

    PhpStorm带来一系列的检查。所有的都有描述并且可以切换开关状态,或者在Settings/Preferences对话框的Inspections(检查)对话框中配置必备项。

    配置检查项

    为了使你代码减少复杂度和增加可读性,PhpStorm提供了searching for duplicates(查找重复项)在项目范围或部分中(Code | Locate Duplicates… )。在Duplicates tool window(查重工具窗)中查看重复的片段然后决定如何处理他们。

    更多详细信息参考Code Inspection(代码检查),Intention Actions(意向动作)和Analyzing Applications(分析应用程序)章节。

    查看文档

    PhpStorm让你可以查看插入符位置符号的可用文档。有几种方法可以实现:

    添加可用文档

    更多产品文档的信息参考Viewing reference information(查看参考信息)。

    安全地重构

    在检查完代码之后,你可能感兴趣PhpStorm提供的代码重构功能。该IDE帮你安全的重命名,提取方法、超类和模块,引入变量、常量、参数等等。使用Refactor | Refactor This...Ctrl+Shift+Alt+T )查看当前代码段所有可用的重构操作。

    代码重构

    即时查看改变

    你可以在浏览器中打开HTML, JavaScript,或CSS文件,监控你在编辑器中做出的变更是如何渲染的,不用刷新页面,甚至不用离开PhpStorm。顺便说一下,完成监视也是实时的。当你浏览建议列表时,浏览器中的页面外观已经改变当你已经接受当前建议。目前,实时编辑只支持Google Chrome, Chrome Canary, 和 Dartium。

    实时编辑有一些先决条件。在File | Settings | Plugins 中安装实时编辑插件:点击Install JetBrains Plugins ,选择Live Edit 然后安装这个插件。并且,确保JetBrains Chrome Extension 已经在你的谷歌浏览器中安装完成。

    如果在IDE安装插件之后第一次运行的时候,谷歌浏览器没有运行,Chrome扩展将被自动安装。谷歌浏览器扩展JetBrains IDE Support在Chrome Web Store(谷歌商店)可用。

    安装谷歌实时编辑插件

    为了实时编辑正常工作,你应该运行JavaScript Debug Session(JS调试会话)或者Node.js Debug Configuration(NodeJs调试配置)。为了启动JS调试会话,必须首先run/debug configuration has to be created(创建一个运行/调试配置)。这个操作可以自动完成通过使用Debug file_name 上下文菜单(文件中右键的弹出菜单),或者手动的,如果你想指定附加选项。作为选择,在Chrome中打开页面通过在html文件的右键菜单中选择Open in Browser。当页面打开后,在右键菜单中选择Inspect in PhpStorm

    你也可以在不用离开PhpStorm的情况下刷新页面和视图,当JS调试会话运行时,在主菜单中选择Run | Reload in Browser

    更多详情查看教程Live Edit in PhpStorm,Live Editing of HTML, CSS, and JavaScript。

    运行和调试应用程序

    调试您的web应用程序的最简单的方法是启动调试会话从浏览器和工作在zero-configuration debugging mode(零配置调试模式),给与你创建好的相关调试会话,允许在调试的时候控制它们。我们推荐用这种方法启动调试。为了连接到运行的会话,点击工具栏Start Listen PHP Debug Connections 按钮调试图标。更多详情参考tutorial(教程)。

    如果你要直接在远程主机上调试和运行应用程序,则不需要之前的步骤。你需要做的只是在PhpStorm中register access(注册访问)并开启同步。

    如果你打算在你的电脑上调试和运行应用程序,你需要configure local PHP Development Environment(配置本地PHP开发环境)。

    通过PhpStorm,你可以运行完整的PHP应用程序,同样也可以运行特定的类或者文件。为了运行一个类或者文件,在编辑器中打开或者在项目视图中选中,然后在右键菜单的选项中选择Run 或者按下Ctrl+Shift+F10即可。

    为了运行一个完整的PHP应用程序,你需要一个特殊的配置文件,或者一个run/debug configuration(运行/调试配置),代表一组启动运行/配置的配置文件。创建运行配置中 Run/Debug Configurations dialog(运行/调试配置对话框)。

    运行调试配置

    基于你想在哪里运行程序和在哪里查看结果,选择配置类型:

    • PHP Web Application 在浏览器中观察输出结果。
    • PHP Script 在运行工具窗中观察输出结果。
    • Built-in Web server

    你的应用或脚本是否运行到了一个实时错误呢?为了找到源头,你必须做一些调试。开始先放置breakpoints(断点)(就在你想放置断点的行的左边的边栏上面点击就行了),程序将暂停执行,这样你就能探查程序数据了:

    打断点

    PhpStorm支持XdebugZend Debugger集成。在你启动调试会话之前,你需要download, install and configure(下载、安装和配置)这些工具之一。

    为了从PhpStorm中启动一个调试会话,你需要调试配置:

    • PHP Web Application 为整个项目。
    • PHP HTTP Request 单独的页面,例如,当您需要用某些数据“来”到一个特定的页面。

    为了开始启动调试,点击工具栏上的Debug按钮调试按钮或按Shift+F9:

    调试按钮位置

    最后,你可以在谷歌浏览器和火狐浏览器中调试那些从PhpStorm中打开的页面,那些页面通过内置浏览器交付。创建JavaScript Debug(JS调试)类型的调试配置然后点击工具栏中的调试按钮调试按钮

    更多详细信息,请参阅PhpStorm文档:

    • zero-configuration debugging mode(零配置调试模式)
    • Configuring PHP Development Environment(配置PHP开发环境)
    • Running PHP Applications(运行PHP应用)
    • Debugging PHP Applications(调试PHP应用)
    • Running and Debugging JavaScript(运行和调试JacaScript)

    测试应用程序

    测试你的应用程序是个很好的注意,PhpStorm尽可能的简化这些操作。

    PhpStorm提供unit testing of PHP applications(PHP应用单元测试)通过集成PhpUnit工具,在你开始单元测试之前:

    • Install and configure(安装和配置):该工具基于你所使用的操作系统和系统设置。
    • Integrate the tools(集成该工具):在PhpStorm中Settings/Preferences对话框的PHP页面中。

    为了生成测试类的桩,选择要创建单元测试的PHP类,然后选择生成Generate PHPUnit Test

    指定测试在下列类型中的一种运行配置下运行:PHPUnit或者PHPUnit by HTTP,这基于你是运行单元测试在本地还是在服务端。为了运行单元测试,选择相应的配置然后点击工具栏中的Run按钮运行按钮或者按Shift+F10

    为了监控代码覆盖率,选择相应的配置然后点击工具栏中的Run with coverage按钮覆盖率执行

    仅此而已

    在这里我们给出了非常简洁的概述关于一些PhpStorm重要的工具,仅仅是让你快速开始。还有大量的重要特性能使你的生活更加方便,使代码漂亮和干净。

    在PhpStorm享受开发的乐趣吧!

    另请参阅:

    入门指南:

    • Installing and Launching(安装启动)

    语言和框架具体指南:

    • Creating and Managing Projects(创建和管理项目)