• 快速开始引导
    • 开始创建之前
    • 初始配置
    • 在欢迎界面设置默认配置
      • 后续修改设置/偏好
      • 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+7或Ctrl+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支持Xdebug和Zend 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(创建和管理项目)