ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
# 快速开始引导 在这个页面中,你将了解: * [开始创建之前](#开始创建之前) * [初始配置](#初始配置) * [在欢迎界面设置默认配置](#在欢迎界面设置默认配置) * [后续修改设置/偏好](#后续修改设置/偏好) * [IDE主题和编辑器主题的不同之处](#IDE主题和编辑器主题的不同之处) * [项目工作](#项目工作) * [用下载的代码创建项目](#用下载的代码创建项目) * [根据版本库中的代码创建项目](#根据版本库中的代码创建项目) * [从头开始一个新项目](#从头创建新项目) * [填充你的项目](#填充你的项目) * [定制项目的所有配置](#定制项目的所有配置) * [版本控制](#版本控制) * [本地历史](#本地历史) * [文件颜色](#文件颜色) * [IDE和编辑器](#IDE和编辑器) * [外观](#外观) * [编辑器](#编辑器) * [快捷键](#快捷键) * [外部编辑器](#外部编辑器) * [后台任务](#后台任务) * [使用宏](#使用宏) * [多文件工作](#多文件工作) * [查找通过:](#查找通过) * [全部搜索](#全部搜索) * [搜索项目元素](#搜索项目元素) * [搜索代码元素](#搜索代码元素) * [IDE组件](#IDE组件) * [代码智能提示](#代码智能提示) * [编辑和编写代码](#编辑和编写代码) * [分析代码](#分析代码) * [查看文档](#查看文档) * [安全地重构](#安全地重构) * [即时查看改变](#即时查看改变) * [运行和调试应用程序](#运行和调试应用程序) * [测试应用程序](#测试应用程序) * [仅此而已](#仅此而已) 欢迎来到PhpStorm,这是一个简洁的指南旨在帮助你掌握该IDE。 ## <span id='开始创建之前'>开始创建之前</span> 如果你准备直接在远程主机上调试和运行应用程序,你需要做的仅仅是[在PhpStorm中进入该主机](/如何使用/常规指南/服务端作业:拷贝文件/配置同步Web服务器/创建远程服务器配置.md)并且配置能够同步。 如果你准备本地启动应用程序,你需要一个安装PHP引擎并[关联到PhpStorm中](/如何使用/语言和框架-具体指南/PHP-具体指南/开启PHP支持/README.md),并且安装配置Web服务且[关联到PhpStorm中](/如何使用/常规指南/服务端作业:拷贝文件/配置同步Web服务器/创建本地服务器配置.md)。你可以单独安装那些组件或者安装AMP整合包(Apache, MySQL, PHP整合包),PHP5.4或更高以上可以由PhpStorm支持使用内置服务器。 PhpStorm是全平台的,可以在Windows、OS X和Linux上工作。 ## <span id='初始配置'>初始配置</span> 当你第一次启动PhpStorm时,你会被询问是否有之前版本的配置并且如何处理这些配置。基于本教程的目的,假设我们没有之前的版本,点击**OK**: ![选择是否导入之前配置](http://image.jellychen.cn/uploads/2016/10/ps_initialSetup.png) 下一步,你会看到PhpStorm许可激活对话框,你必须填入你自己的许可: ![填写许可信息](http://image.jellychen.cn/uploads/2016/10/ps_license.png) 在你指定你的许可之后,PhpStorm将展示最初的设置窗口。在这里你可以选择你想使用的快捷键和IDE和编辑器的样式。点击向下箭头![arrowDownSmall](http://image.jellychen.cn/uploads/2016/10/arrowDownSmall.png)**Click to show preview(点击预览)**来预览你的选择的是什么样子的: ![最初设置窗口](http://image.jellychen.cn/uploads/2016/10/ps_initialSetupSchemePreview.png) 注意,PhpStorm有一些预定义快捷键,例如Eclipse、Visual Studio、Emacs、GNOME、KDE等等风格的快捷键,在**Settings/Preferences**对话框中的[Keymap](/参考/设置参数对话框/快捷键/README.md)页面,你可以发现可用的快捷键列表。 如果你之后感觉你初始的设置不正确,你仍然可以修改设置。想要了解更多关于键盘映射设置,参考章节[配置快捷键](/如何使用/常规指南/配置项目和IDE设置/配置快捷键.md)。 在之后你可以修改[IDE主题](/参考/设置参数对话框/外观行为/外观.md)和[编辑器主题](/参考/设置参数对话框/编辑器/颜色和字体.md)。 PhpStorm有一个[IdeaVim插件](https://plugins.jetbrains.com/plugin/?ruby&id=164)提供`vi/vim/gvim`的仿真环境。 ## <span id='在欢迎界面设置默认配置'>在欢迎界面设置默认配置</span> 再次提示,如果你是第一次启动(或者你没有打开过项目),在启动时你可以看到欢迎界面: ![欢迎界面](http://image.jellychen.cn/uploads/2016/10/phpstorm_welcome_screen.png) 如果你点击**Configure(配置)**,PhpStorm将显示下拉框建议你配置_settings/preferences(设置/偏好)_、_plugins(插件)_、_import and export settings(导入和导出设置)_和_check for updates(检查更新)_。选择**Settings/Preferences(设置/偏好)**你可以看到[设置偏好对话框](/参考/设置参数对话框/README.md)。注意看这个对话框,它的头部写着**Default Settings/Preferences(默认设置/偏好)**。 这意味着什么呢,这些设置将在你每个新建的项目中应用。 这些设置属于默认设置,用图标![默认设置图标](http://image.jellychen.cn/uploads/2016/10/current_project_icon.png)来标识。 编辑器设置属于你的工作环境。 例如,你总是想在编辑器中显示行号。在Settings/Preferences(设置/偏好)对话框中,展开[Editor(编辑器)](/参考/设置参数对话框/编辑器/README.md),然后进入[Appearance(外观)](/参考/设置参数对话框/编辑器/常规/外观.md)页面,选择复选框**Show line numbers(显示行号)**。 ![设置显示行号](http://image.jellychen.cn/uploads/2016/10/ps_editor_settings.png) 如果你想为编辑器设置特殊的颜色,而且你不满意默认的颜色。那么选择一个基础方案,或者创建一个副本,然后修改颜色(默认方案不能编辑)。 也可以设置你喜欢的字体大小,可以在Settings/Preferences(设置/偏好)对话框的[Colors and Fonts(颜色和字体)](/参考/设置参数对话框/编辑器/颜色和字体.md)节点中下面的Font(字体)页面这样做。再说一次,必须先创建一个方案的副本如果你没有这样做,然后指定你想要的编辑器的字体大小。这个字体大小将适用于当前编辑器和所有新打开的编辑器,然而,它并不影响IDE组件的字体大小。 请注意,您可以在预览窗格中看到你实验的结果: ![编辑器字体修改预览](http://image.jellychen.cn/uploads/2016/10/ps_editor_settings_fonts.png) ### <span id='后续修改设置/偏好'>后续修改设置/偏好</span> 在项目中修改IDE的界面外观和编辑器的颜色方案,你得[打开](/如何使用/常规指南/配置项目和IDE设置/访问设置.md)**Settings/Preferences(设置/偏好)**(按`Ctrl+Alt+S`,或者点击[主工具栏](/如何使用/常规指南/用户界面引导/菜单和工具栏.md)的![设置按钮](http://image.jellychen.cn/uploads/2016/10/settings.png)图标)。 例如,你想修改IDE的界面外观(主题),注意,PhpStorm有几种预定义的主题。可用主题的设置取决于你的平台。在**Settings/Preferences(设置/偏好)**对话框的[Appearance(外观)](/参考/设置参数对话框/外观行为/外观.md)界面中你可以找到所有可选的主题。 这就是修改IDE主题的步骤: 1. 在主工具栏中,点击![设置按钮](http://image.jellychen.cn/uploads/2016/10/settings.png),或者按`Ctrl+Alt+S`。 2. 展开**Appearance and Behavior(外观行为)**节点,点击Appearance(外观)。 3. 在[Appearance(外观)](/参考/设置参数对话框/编辑器/常规/外观.md)页面,从下拉框中选择你喜欢的主题: ![选择IDE主题](http://image.jellychen.cn/uploads/2016/10/ps_laf.png) 注意**Reset(重置)**链接在对话框的顶部出现了,如果你改变想法了,点击它来撤销修改。同时注意鼠标悬停在重置按钮上时**Apply(接受)**按钮变得可用了。 ![重置IDE主题](http://image.jellychen.cn/uploads/2016/10/ps_rollback.png) 你也可以修改PhpStorm中其他定义界面外观的设置,例如,修改windows的行为。 4. 接受修改,你可能被要求重启IDE(例如:当你将主题改为Darcula或者从Darcula改为其他主题时)。 好了,PhpStorm的主题已经改变了,但是你可能任对编辑器中代码的外观不满。例如,你想对当前行换一种高亮颜色,让我们开始吧: 1. 再一次,在主工具栏上点击![设置按钮](http://image.jellychen.cn/uploads/2016/10/settings.png)打开 **Settings/Preferences(设置/偏好)** 对话框,展开[Editor(编辑器)](/参考/设置参数对话框/编辑器/README.md)节点,点击[Colors and Fonts(颜色和字体)](/参考/设置参数对话框/编辑器/颜色和字体.md)。 注意,你不能修改预定义的颜色主题,必须先复制一份: ![复制颜色主题](http://image.jellychen.cn/uploads/2016/10/py_cannot_change_default_scheme.png) 2. 点击 **Save As...** 按钮,然后输入新颜色主题的名称。 ![另存新颜色主题](http://image.jellychen.cn/uploads/2016/10/py_copy_scheme.png) 这个新的颜色主题是可编辑的 ,你可以开始修改到你喜欢的样子。 3. 在[Colors and Fonts(颜色和字体)](/参考/设置参数对话框/编辑器/颜色和字体.md)节点下面,点击`General(常规)`,在列出的列表中,展开Editor节点,然后定位到 **Caret row(输入符号所在行)** 项。 4. 点击背景颜色小方块打开取色盘: ![取色盘](http://image.jellychen.cn/uploads/2016/10/colorPicker.png) 在这个对话框中,点击你想要的颜色,然后点击`Choose`。 顺便说一下,你已注意到一些节点有![默认设置图标](http://image.jellychen.cn/uploads/2016/10/current_project_icon.png)的标记。这意味着在这些页面上设置将作用于当前项目,没有这个图标的页面上的设置将作用于整个工作环境。 ### <span id='IDE主题和编辑器主题的不同之处'>IDE主题和编辑器主题的不同之处</span> 注意[IDE theme(IDE主题)](/参考/设置参数对话框/外观行为/外观.md)和[color scheme of the editor(编辑器主题)](/参考/设置参数对话框/编辑器/颜色和字体.md)之间的不同。前者关系到整个IDE,后者仅涉及到编辑器。可能存在IDE用的黑色主题(如Darcula)而编辑器使用亮色主题(如Default)的可能,这样做,整个PhpStorm组件是一种主题,同时编辑区域是另一种: ![不同配色的主题](http://image.jellychen.cn/uploads/2016/10/ps_editor_settings_vs_scheme.png) ## <span id='项目工作'>项目工作</span> 在PhpStorm中,你做的每件事都在[project(项目)](/参考/要点/项目.md)环境中。 在PhpStorm中,项目是包含源代码和名叫`.idea`的嵌套文件夹的一个文件夹。`.idea`文件夹是PhpStorm储存必要信息的地方-在[Project view(项目视图)](/参考/工具窗参考/项目工具窗.md)中不可见。从用户的观点,一个项目文件夹仅包含一些PHP源代码。 当你新建一个项目(**File | New Project**),或者打开一个已存在的项目(**File | Open**),PhpStorm提示你选择如何打开一个项目:一个新窗口或者关闭之前项目在当前窗口打开。 更多详细信息请参考[Creating and managing projects(创建和管理项目)](/如何使用/常规指南/创建和管理项目/README.md)章节。 作为练习,创建一个新的空项目,在项目中你可以开发一些纯PHP代码。这个例子在教程[Creating and Running Your First PHP Project(创建和裕兴你的第一个PHP项目)](/初见PhpStorm/第一步/创建和运行你的第一个PHP项目.md)中详细讨论。 顺便说一下,PhpStorm建议创建的项目有很多类型:PHP, Twitter Bootstrap, HTML5 Boilerplate,等等。当创建新项目的时候你可以探索自己可用的类型。 ![PhpStorm创建项目类型](http://image.jellychen.cn/uploads/2016/10/ps_new_project.png) 如你所见,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(从头开始一个新项目)](#从头创建新项目) ### <span id='用下载的代码创建项目'>用下载的代码创建项目</span> 一个通用的工作流程是更新一个已存在的应用程序。在这种情况下,你需要下载程序代码并将它们安排到PhpStorm项目中。 1. 首先,[configure access to the remote host(配置远程服务端权限)](/如何使用/常规指南/服务端作业:拷贝文件/配置同步Web服务器/创建远程服务器配置.md),找到代码的位置(**Tools | Deployment(部署) | Configuration**)。 2. 启动[New Project from Existing Sources Wizard(从现有代码新建项目引导)](/参考/对话框/从现有代码新建项目引导/README.md) (**File | New Project from Existing Files**) ,然后指定链接远程服务端的方式(FTP/SFTP/FTPS, local 或者 mounted folder(挂载文件夹))。 参考章节[Creating a Project from Downloaded Files(从下载的文件创建项目)](/如何使用/常规指南/创建和管理项目/从现有代码导入项目/从下载的文件创建项目.md)。 ### <span id='根据版本库中的代码创建项目'>根据版本库中的代码创建项目</span> 你也可以从版本控制仓库下载代码,如GitHub。 选择**VCS | Checkout from Version Control | \<your vcs\>)** ,当PhpStorm询问时,填入你链接仓库的证书。 参考以下章节: * [VCS-Specific Procedures(特殊版本控制规程)](如何使用/常规指南/版本控制概念/特殊版本控制规程/README.md) * [Cloning a Repository from GitHub(从GitHub克隆仓库)](/如何使用/常规指南/版本控制概念/特殊版本控制规程/使用GitHub/README.md) * [Setting up a Local Git Repository(建立本地git仓库)](/如何使用/常规指南/版本控制概念/特殊版本控制规程/使用GitHub/建立本git仓库.md) * [Checking out Files from SVN Repository(从SVN库中检出文件)](/如何使用/常规指南/版本控制概念/特殊版本控制规程/使用SVN/从SVN库中检出文件.md) ### <span id='从头创建新项目'>从头创建新项目</span> 你可以从头建立项目,从头开始开发一个应用程序。 1. 在欢迎界面点击**Create New project** ,或者在主菜单,选择**File | New Project....** 2. 在打开的对话框中,选择项目类型和输入项目属性例如项目名称、父文件夹和项目类型。 参考[Creating New Project From Scratch(从头创建新项目)](/如何使用/常规指南/创建和管理项目/从头创建新项目.md)。 ### <span id='填充你的项目'>填充你的项目</span> 新建文件和目录到你的项目是很快的:在主菜单选择**File | New...** ,或者在[Project Tool Window(项目工具窗)](/参考/工具窗参考/项目工具窗.md)的右键菜单中选择 **New** 。 选择你选择的元素然后输入名称,PhpStorm做剩下的工作:根据模板创建文件并且初始化一些代码。 更多详细信息请看[Populating Projects(填充项目)](/如何使用/常规指南/填充项目/README.md)。 ## <span id='定制项目的所有配置'>定制项目的所有配置</span> 看主工具栏-有一个设置按钮![设置按钮](http://image.jellychen.cn/uploads/2016/10/settings.png)。点击该按钮弹出**Settings/Preferences** 对话框。在这你可以改变项目结构,建立版本控制,改变工作环境让开发更加愉快。 一些设置仅属于特定的项目,例如:项目解释器、版本控制配置或者文件颜色,它们有![默认设置图标](http://image.jellychen.cn/uploads/2016/10/current_project_icon.png)的标记。其它的,例如编辑器设置、快捷键或动态模板-属于整个工作环境。甚至可以在没有打开项目的时候进行配置。 ### <span id='版本控制'>VCS(版本控制)</span> 毫无疑问的,你在用版本控制保存你的代码,对吧,Git? SVN? Mercurial? 在PhpStorm中这些很容易配置,并且这个IDE能很好的自动探知在现有项目中是否存在版本控制。 但是你可以调整-在Settings/Preferences 对话框中点击[Version Control(版本控制)](/参考/设置参数对话框/版本控制/README.md)节点。默认情况下,你将只能看到项目根目录,但是你可以把你的程序分成小块,然后将每个小块目录都可以在它独有的版本控制系统之中。 在Settings/Preferences对话框,你也可以为所有的版本控制系统定义一些常用的行为:[confirmation on creating or deleting files(在创建或删除文件时确认)](/参考/设置参数对话框/版本控制/确认.md)、[tasks performed in the background(在后台执行任务)](/参考/设置参数对话框/版本控制/后台执行.md)、[ignoring unversioned files(忽略无版本的文件)](/参考/设置参数对话框/版本控制/忽略文件/README.md)等等。 更多详细内容参考[Version Control with PhpStorm(版本控制概念)](/如何使用/常规指南/版本控制概念/README.md)章节。 ### <span id='本地历史'>VCS(本地历史)</span> 除了传统的版本控制系统,还能使用[local history(本地历史)](/如何使用/常规指南/使用本地历史/README.md)。通过本地历史,PhpStorm自动跟踪代码的变更、重构的结果和一系列预定义事件(测试、部署、提交、更新)中代码的状态。本地历史总是可用的。 ### <span id='文件颜色'>VCS(文件颜色)</span> 你的项目中可能包含几个网站。每个网站拥有的文件之间可能有相同的名字。当它们都同时在编辑器里面打开时,将十分令人困惑,怎么知道一个文件是属于哪个网站的?PhpStorm将它们突出显示通过渲染编辑标签的颜色(Settings/Preferences|Appearance&Behavior|File Colors)。 将你的项目分成小块 - [scopes(区块)](/参考/要点/区块.md)(例如,每个网站一个区块),然后为每一个选择一种颜色。 更多详细内容参考[Configuring Scopes and File Colors(配置区块和文件颜色)](/如何使用/常规指南/配置项目和IDE设置/配置区块和文件颜色.md)。 ### <span id='IDE和编辑器'>IDE和编辑器</span> 在一个IDE上工作意味着和它一起生活,很自然的,它是你常带的地方,使你的眼睛愉悦和手指舒适。这就是为什么PhpStorm能够选择IDE和编辑器的外观和感觉,配置你更偏爱的快捷键设置,好的滚动行为,高亮等等。 建议你熟悉[Project and IDE Settings(项目和IDE设置)](/参考/项目和IDE设置.md)和[Configuring Settings(配置设置)](/如何使用/常规指南/配置项目和IDE设置/README.md)部分。 再说一次,上述的设置在Settings/Preferences对话框中配置:点击![默认设置图标](http://image.jellychen.cn/uploads/2016/10/current_project_icon.png)来[打开此对话框](/如何使用/常规指南/配置项目和IDE设置/访问设置.md),然后能看到列表页面。对于新手这三个页面可能比较感兴趣:[Appearance(外观)](/参考/设置参数对话框/外观行为/外观.md), [Editor(编辑器)](/参考/设置参数对话框/编辑器/README.md), 和 [Keymap(快捷键)](/参考/设置参数对话框/快捷键/README.md)。 #### <span id='外观'>外观</span> 记住,你在第一次启动时已经选择了最初的IDE外观。如果你感觉结果不太合适,现在是时候改变你最初的意见。在[Appearance(外观)](/参考/设置参数对话框/外观行为/外观.md)设置界面( **Settings/Preferences | Appearance&Behavior | Appearance** ),你可以选择PhpStorm的界面外观。点击theme _(英文写的是Look and feel,但是我没找到,猜测应该是theme选项)_ 下拉框,然后选择更适合你的方案。你不需要关闭Settings/Preferences对话框就能观察到实验结果:仅仅点击**Apply**,看看情况,当你选择了你觉得合适的选项后你可以关闭对话框。 #### <span id='编辑器'>编辑器</span> Settings/Preferences对话框中[Editor(编辑器)](/参考/设置参数对话框/编辑器/README.md)节点下面的很多页面帮助你调整编辑器的行为的方方面面。注意,PhpStorm自带预定义的配色方案,但是,如果你想定制化一些东西,也欢迎你这么做:用新名字另存默认配色方案,然后开始改变其背景、字体、颜色的语法元素,错误高亮,等等。同时你可以立即在预览窗格中观察结果。 更多详细信息参考[Configuring Project and IDE Settings(配置项目和IDE设置)](/如何使用/常规指南/配置项目和IDE设置/README.md) 和 [PhpStorm Editor Guided Tour(PhpStorm编辑器引导教程)](/如何使用/常规指南/PhpStorm编辑器/README.md)章节。 #### <span id='快捷键'>快捷键</span> 一组快捷键是你工作中最亲密的习惯之一-你的手指记住一些键位组合,改变这些习惯是相当痛苦的。考虑到这一点,PhpStorm向你提供各种预定义的键盘布局,为那些已经习惯Eclipse或者已经在Visual Studio中工作和很久的人。你可以根据现有的创建你独有的键盘布局。 最后,这有一个魔法快捷键``Ctrl+Back Quote (Ctrl+`)``帮助你不用设置对话框切换不同的方案(所有方案-键盘布局,颜色,代码风格和界面外观)(仅支持Windows和Linux)。 更多详细信息参考[Configuring Keyboard Shortcuts(配置快捷键)](/如何使用/常规指南/配置项目和IDE设置/配置快捷键.md)章节。 #### <span id='外部编辑器'>外部编辑器</span> 虽然你可以可以将键盘布局设置为你喜欢的编辑器(Emacs, Vim, TextMate等等)样式,但是你仍然想要在你喜欢的编辑器中打开文件。你可以很容易做到通过设置外部编辑工具。例如,你可能想用Emacs作为外部编辑器打开文件。 更多详细信息参考[Configuring Third-Party Tools(配置第三方工具)](/如何使用/常规指南/配置项目和IDE设置/配置第三方工具.md)。 ## <span id='后台任务'>后台任务</span> 有时候,当一个长时间的任务正在运行,PhpStorm展示一个进度条。你可以将任务交由后台执行,但是你仍然能查看它工作的怎么样了。 更多详细信息参考[Working with Background Tasks(使用后台任务)](/如何使用/常规指南/使用后台任务.md)章节。 ## <span id='使用宏'>使用宏</span> 很高兴能用编辑器简化一些工作,使用宏就是一种可行的方式。 更多详细信息参考[product documentation(产品文档-指的是宏的使用帮助文档)](/如何使用/常规指南/PhpStorm编辑器/高级编辑规程/在编辑器中使用宏/README.md)章节。 ## <span id='多文件工作'>多文件工作</span> 你可能已经注意到了,PhpStorm打开在编辑器的独立的标签页中打开文件。 PhpStorm提供了更方便的方法[switch between the various tabs(在不同标签页之间切换)](/如何使用/常规指南/PhpStorm编辑器/管理编辑器标签页/在不同标签页之间跳转.md)。允许[pinning and unpinning each tab(锁定和解锁每个标签页)](/如何使用/常规指南/PhpStorm编辑器/管理编辑器标签页/锁定和解锁标签页.md),将标签页沿着窗口的四个边缘放置,分割标签页等等。 ![分割标签页](http://image.jellychen.cn/uploads/2016/10/web_ide_splittingTabs.png) 更多详细信息参考[Managing Editor Tabs(管理编辑器标签页)](/如何使用/常规指南/PhpStorm编辑器/管理编辑器标签页/README.md)章节。 ## <span id='查找通过'>查找通过:</span> > 标题原文是Find your way through,通过。。的方式查找,不好作为标题。 现在,你应该知道如何使用PhpStorm开始工作了,是时候开始看它的跳转特性了。这可以帮助你不会迷失并且也能提高工作效率。 ### <span id='全部搜索'>Search everywhere(全部搜索)</span> 搜索是肯定最熟悉的和必要的选项,用于快速跳转。通过PhpStorm你可以[用一个动作](/如何使用/常规指南/搜索代码/搜索全部.md)就能搜索任意类,文件,动作甚至是IDE设置。双击`Shift`或者点击右上角的放大镜图标![搜索全部](http://image.jellychen.cn/uploads/2016/10/search_everywhere.png)。 ![全部搜索窗口](http://image.jellychen.cn/uploads/2016/10/ps_search_everywhere1.png) ### <span id='搜索项目元素'>搜索项目元素</span> 项目元素概览的必备工具是[Project tool window(项目工具窗)](/参考/工具窗参考/项目工具窗.md)(**View | Tool Windows | Project tool window**)。它用目录文件树的形式展示项目。想要打开它,点击工具窗栏的图标或者按下`Alt+1`。 ![项目工具窗](http://image.jellychen.cn/uploads/2016/10/ps_projectToolWindow.png) 想要在项目中[通过名称快速查找到元素并在编辑器中打开](/如何使用/常规指南/浏览源代码/根据名称跳转到类、文件或符号.md),使用快速跳转弹出框:按下`Ctrl+N`(类),`Ctrl+Shift+N`(文件),`Ctrl+Shift+Alt+N`(符号),然后输入你想要找的名称。当你输入时匹配的名称列表会逐渐收缩,但是这仅仅是一种方便的工具,你可以使用通配符匹配所有驼峰词的大写字母,或者用空格匹配snake_case names(蛇形名称?),或者使用斜杠匹配嵌套文件夹[等等,等等](/如何使用/常规指南/浏览源代码/根据名称跳转到类、文件或符号.md#提示和技巧)。 ![搜索项目元素](http://image.jellychen.cn/uploads/2016/10/ps_goto_class.png) ### <span id='搜索代码元素'>搜索代码元素</span> 跳转和查找源代码的最基本的方式是`Ctrl+F`,开始输入你的搜索字符串,然后让它在你的当前文件中出现: ![基本搜索](http://image.jellychen.cn/uploads/2016/10/ps_findText.png) 浏览当前文件的终极方式是使用[File Structure View(文件结构视图)](/参考/工具窗参考/结构工具窗,弹出文件结构.md)(`Alt+7`或`Ctrl+F12`)并且在这里面搜索: ![文件结构浏览](http://image.jellychen.cn/uploads/2016/10/web_ide_navigate_with_structure_view.png) 除此以外,PhpStorm建议一种更复杂的方法,也就是[search for usages(搜索引用)](/如何使用/常规指南/搜索代码/查找引用/README.md)。例如,如果你想在应用中跳转到一个符号的某个引用,按下`Alt+F7`,或在右键菜单中选择**Find Usages(查找引用)** ,然后在[查找工具窗](/参考/工具窗参考/查找工具窗.md)中会出现结果。 ![查找工具窗](http://image.jellychen.cn/uploads/2016/10/ps_findUsages.png) 使用“Go to”动作跳转到一个声明(`Ctrl+B`),实现(`Ctrl+Alt+B`),类型声明(`Ctrl+Shift+B`),或者超级方法(`Ctrl+U`)。 更多详细信息参考[Searching Through the Source Code(搜索代码)](/如何使用/常规指南/搜索代码/README.md)和[Navigating Through the Source Code(浏览源代码)](/如何使用/常规指南/浏览源代码/README.md)章节。 ### <span id='IDE组件'>IDE组件</span> 有很多方法在[navigate across the IDE(IDE之间跳转)](/参考/快捷键和鼠标参考/快捷键分类/在IDE组件之间跳转.md)。你可能在第一次浏览的时候没有记住所有动作和菜单命令,但没有关系。别着急!任何时候当你需要IDE动作的时候,你可以在**Help | Find Action...**(`Ctrl+Shift+A`)中找到他或者使用[Search Everywhere(全部搜索)](/如何使用/常规指南/搜索代码/搜索全部.md)。所以,让我们简要列出一些主要命令。 让我们以[switcher(切换器)](/如何使用/常规指南/浏览源代码/在文件和工具窗之间跳转.md)来作为开始:按下`Ctrl+Tab`来打开切换器,这是一个PhpStorm的工具窗和打开的文件列表,然后保持按下`Ctrl`键,使用`Tab`或方向键定位到你想跳转到的组件: ![切换器](http://image.jellychen.cn/uploads/2016/10/wi_switcher.png) 按下`Ctrl+E`打开最近打开过的文件,使用`Ctrl+Alt+Open Bracket (左方括号)`和`Ctrl+Alt+Close Bracket (右方括号)`快捷键在他们之间切换。 如果你在IDE的一个组件中选择一个文件并想在另外一个组件(编辑器,项目视图,导航栏,或者变更列表)中查看,使用[Select Target(选择目标)](/如何使用/常规指南/浏览源代码/在IDE组件之间跳转.md)(`Alt+F1`): ![选择IDE跳转目标](http://image.jellychen.cn/uploads/2016/10/web_ide_selectTarget.png) 最后,按下`Escape`键将让你回到编辑器,无论现在在什么地方。`Ctrl+Shift+F12`将隐藏所有的工具窗仅剩下编辑器。 ## <span id='代码智能提示'>代码智能提示</span> PhpStorm因它的智能代码分析功能而出名。无论你怎么开发你的代码,它总是在眼前,帮助你不浪费时间地创建无错误应用。 ### <span id='编辑和编写代码'>编辑和编写代码</span> 在开发的每个阶段,在任何文件中,尝试使用[code completion(代码补全)](/如何使用/常规指南/代码补全/README.md)(Ctrl+Space),根据当前上下文的解释获取。基于你调用这个动作的地方,你可以补全关键词或代码块,推测类型,完成方法和属性等等: ![代码补全](http://image.jellychen.cn/uploads/2016/10/wi_suggestion_list_wildcards.png) 愉快的使用[live templates/code snippets(动态模板/代码片段)](/如何使用/常规指南/动态模板/README.md)(`Ctrl+J`)或者[surround templates(环绕模板)](/如何使用/常规指南/动态模板/简易、参数化和环绕模板.md)(`Ctrl+Alt+T`)来生成完整的代码结构: ![动态模板](http://image.jellychen.cn/uploads/2016/10/ps_live_template.png) PhpStorm附带了广泛的现成的动态模板,或代码片段,你可以在Settings/Preferences对话框的[Live Templates(动态模板)](/参考/设置参数对话框/编辑器/动态模板/README.md)页面中探索。如果你发现你缺少一些对开发目标特别重要的东西,你可以自己设置一些代码片段。 不要错过环绕补全代码结构的可能(选中**Code | Surround With** 或者按`Ctrl+Alt+T`)。 PhpStorm帮助你遵循代码风格指南。所有新的代码根据代码风格设置自动格式化([Settings/Preferences | Editor | Code Style](/参考/设置参数对话框/编辑器/代码风格/README.md))。然而你可能需要[format some part of the code(格式化一部分代码)](/如何使用/常规指南/PhpStorm编辑器/高级编辑规程/重新格式化代码.md)或者接受代码风格设置的改变。这么做,使用**Code | Reformat Code...**(`Ctrl+Alt+L`)。 ### <span id='分析代码'>分析代码</span> 我们,开发人员,仅花费20%的时间在写新的代码,但是至少80%的时间在改善已存在的代码。为了帮助你避免错误和改善的更快,PhpStorm给你许多的提示和提醒基于最好的开发实践。 首先,当你输入的时候,你能马上在语法错误的地方看到红色的下划波浪线。如果你将光标放在一个有错误的地方,你将在提示框中看到简要的问题错误说明,同时在状态栏左侧也或出现该错误信息。除此之外,你能沿着[validation bar, or the marker bar(指示栏/标记栏)](/如何使用/常规指南/PhpStorm编辑器/README.md#指示栏标记栏)看到红色的条纹,当你将鼠标悬停在那种条纹上时,你将看到提示框中的错误描述。 ![错误提示](http://image.jellychen.cn/uploads/2016/10/ps_unresolved.png) 当你输入代码时,PhpStorm想一个勤奋的程序员,一直关注着你正在做什么。此外,IDE提出更聪明的建议,也被叫做[intention actions(意向动作)](/如何使用/常规指南/意向动作/README.md),用![建议](http://image.jellychen.cn/uploads/2016/10/intentionBulb.png)和![错误提示](http://image.jellychen.cn/uploads/2016/10/quickfixBulb.png)图标表示。点击这个按钮,或者按`Alt+Enter`来自动创建你没有声明的方法,修复if/else状态,等等问题。 ![修复问题](http://image.jellychen.cn/uploads/2016/10/ps_createFromUsage.png) 下个级别是静态代码解析,或者叫[code inspections(代码检查)](/如何使用/常规指南/代码检查/README.md):你的代码在没有实际执行的情况下被分析。实际上,PhpStorm在当前文件动态的检查代码,并在指示栏用彩色的条纹显示检查结果。如果你看到IDE框架的右侧有明亮的红色条纹,小心,这意味着你的代码有严重的错误。不太重要的事情,代码改进建议,或者警告,显示的是黄色的条纹。指示栏顶部的颜色指示器显示的信息是当前文件的概述,就像交通信号灯:绿色意味着一切都没问题,如果至少有一个问题那么指示器变成黄色或红色。 有时候你需要更深入的查看你的代码。在这种情况下,你必须检查整个项目,或者它的任意部分( **Code | Inspect Code** ),然后你可以在[Inspection Tool Window(检查工具窗)](/参考/工具窗参考/检查工具窗.md)中查看结果。 ![检查工具窗](http://image.jellychen.cn/uploads/2016/10/ps_inspectionResults.png) PhpStorm带来一系列的检查。所有的都有描述并且可以切换开关状态,或者在Settings/Preferences对话框的[Inspections(检查)](/参考/设置参数对话框/编辑器/检查.md)对话框中配置必备项。 ![配置检查项](http://image.jellychen.cn/uploads/2016/10/inspection_for_scope2.png) 为了使你代码减少复杂度和增加可读性,PhpStorm提供了[searching for duplicates(查找重复项)](/如何使用/常规指南/分析应用程序/分析重复.md)在项目范围或部分中(**Code | Locate Duplicates...** )。在[Duplicates tool window(查重工具窗)](/参考/工具窗参考/查重工具窗.md)中查看重复的片段然后决定如何处理他们。 更多详细信息参考[Code Inspection(代码检查)](/如何使用/常规指南/代码检查/README.md),[Intention Actions(意向动作)](/如何使用/常规指南/意向动作/README.md)和[Analyzing Applications(分析应用程序)](/如何使用/常规指南/分析应用程序/README.md)章节。 ### <span id='查看文档'>查看文档</span> PhpStorm让你可以查看插入符位置符号的可用文档。有几种方法可以实现: ![添加可用文档](http://image.jellychen.cn/uploads/2016/10/ps_view_doc.png) 更多产品文档的信息参考[Viewing reference information(查看参考信息)](/如何使用/常规指南/查看参考信息/README.md)。 ### <span id='安全地重构'>安全地重构</span> 在检查完代码之后,你可能感兴趣PhpStorm提供的代码重构功能。该IDE帮你安全的重命名,提取方法、超类和模块,引入变量、常量、参数等等。使用`Refactor | Refactor This... `(**Ctrl+Shift+Alt+T** )查看当前代码段所有可用的重构操作。 ![代码重构](http://image.jellychen.cn/uploads/2016/10/ps_refactor_this.png) ## <span id='即时查看改变'>即时查看改变</span> 你可以在浏览器中打开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(谷歌商店)](https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji)可用。 ![安装谷歌实时编辑插件](http://image.jellychen.cn/uploads/2016/10/ps_live_edit.png) 为了实时编辑正常工作,你应该运行[JavaScript Debug Session(JS调试会话)](/参考/对话框/运行调试配置/运行调试配置:JavaScript调试.md)或者[Node.js Debug Configuration(NodeJs调试配置)](/参考/对话框/运行调试配置/运行调试配置:Node_JS.md)。为了启动JS调试会话,必须首先[run/debug configuration has to be created(创建一个运行/调试配置)](/如何使用/常规指南/运行调试配置/创建和编辑运行调试配置.md)。这个操作可以自动完成通过使用**Debug file_name** 上下文菜单(文件中右键的弹出菜单),或者手动的,如果你想指定附加选项。作为选择,在Chrome中打开页面通过在`html`文件的右键菜单中选择**Open in Browser**。当页面打开后,在右键菜单中选择**Inspect in PhpStorm** 。 你也可以在不用离开PhpStorm的情况下刷新页面和视图,当JS调试会话运行时,在主菜单中选择**Run | Reload in Browser** 。 更多详情查看教程[Live Edit in PhpStorm](https://confluence.jetbrains.com/display/PhpStorm/Live+Edit+in+PhpStorm),[Live Editing of HTML, CSS, and JavaScript](/如何使用/常规指南/调试/HTML、CSS和JavaScript的实时编辑.md)。 ## <span id='运行和调试应用程序'>运行和调试应用程序</span> 调试您的web应用程序的最简单的方法是启动调试会话从浏览器和工作在[zero-configuration debugging mode(零配置调试模式)](/如何使用/语言和框架-具体指南/PHP-具体指南/调试PHP应用/PHP调试会话/零配置调试.md),给与你创建好的相关调试会话,允许在调试的时候控制它们。我们推荐用这种方法启动调试。为了连接到运行的会话,点击工具栏**Start Listen PHP Debug Connections** 按钮![调试图标](http://image.jellychen.cn/uploads/2016/10/start_listening_php_debug_connections.png)。更多详情参考[tutorial(教程)](https://confluence.jetbrains.com/display/PhpStorm/Zero-configuration+Web+Application+Debugging+with+Xdebug+and+PhpStorm)。 如果你要直接在远程主机上调试和运行应用程序,则不需要之前的步骤。你需要做的只是在PhpStorm中[register access(注册访问)](/如何使用/常规指南/服务端作业:拷贝文件/配置同步Web服务器/创建远程服务器配置.md)并开启同步。 如果你打算在你的电脑上调试和运行应用程序,你需要[configure local PHP Development Environment(配置本地PHP开发环境)](/如何使用/语言和框架-具体指南/PHP-具体指南/配置PHP开发环境/README.md)。 通过PhpStorm,你可以运行完整的PHP应用程序,同样也可以运行特定的类或者文件。为了运行一个类或者文件,在编辑器中打开或者在项目视图中选中,然后在右键菜单的选项中选择**Run <file name>** 或者按下`Ctrl+Shift+F10`即可。 为了运行一个完整的PHP应用程序,你需要一个特殊的配置文件,或者一个[run/debug configuration(运行/调试配置)](/参考/要点/运行和调试/运行调试配置.md),代表一组启动运行/配置的配置文件。创建运行配置中[ Run/Debug Configurations dialog(运行/调试配置对话框)](/参考/对话框/运行调试配置/README.md)。 ![运行调试配置](http://image.jellychen.cn/uploads/2016/10/web_ide_run_debug_configuration.png) 基于你想在哪里运行程序和在哪里查看结果,选择配置类型: * [PHP Web Application](/参考/对话框/运行调试配置/运行调试配置:PHPWeb应用.md) 在浏览器中观察输出结果。 * [PHP Script](/参考/对话框/运行调试配置/运行调试配置:PHP脚本.md) 在运行工具窗中观察输出结果。 * [Built-in Web server](/如何使用/语言和框架-具体指南/PHP-具体指南/PHP内置Web服务器.md) 你的应用或脚本是否运行到了一个实时错误呢?为了找到源头,你必须做一些调试。开始先放置[breakpoints(断点)](/参考/要点/运行和调试/断点/README.md)(就在你想放置断点的行的左边的边栏上面点击就行了),程序将暂停执行,这样你就能探查程序数据了: ![打断点](http://image.jellychen.cn/uploads/2016/10/ps_breakpoints1.png) PhpStorm支持**Xdebug**和**Zend Debugger**集成。在你启动调试会话之前,你需要[download, install and configure(下载、安装和配置)](/如何使用/语言和框架-具体指南/PHP-具体指南/调试PHP应用/配置调试引擎/README.md)这些工具之一。 为了从PhpStorm中启动一个调试会话,你需要调试配置: * [PHP Web Application](/参考/对话框/运行调试配置/运行调试配置:PHPWeb应用.md) 为整个项目。 * [PHP HTTP Request](/如何使用/语言和框架-具体指南/PHP-具体指南/调试PHP应用/PHP调试会话/调试PHP_HTTP请求.md) 单独的页面,例如,当您需要用某些数据“来”到一个特定的页面。 为了开始启动调试,点击工具栏上的**Debug**按钮![调试按钮](http://image.jellychen.cn/uploads/2016/10/debug.png)或按`Shift+F9`: ![调试按钮位置](http://image.jellychen.cn/uploads/2016/10/ps_debug.png) 最后,你可以在谷歌浏览器和火狐浏览器中调试那些从PhpStorm中打开的页面,那些页面通过内置浏览器交付。创建[JavaScript Debug(JS调试)](/参考/对话框/运行调试配置/运行调试配置:JavaScript调试.md)类型的调试配置然后点击工具栏中的调试按钮![调试按钮](http://image.jellychen.cn/uploads/2016/10/debug.png)。 更多详细信息,请参阅PhpStorm文档: * [zero-configuration debugging mode(零配置调试模式)](/如何使用/语言和框架-具体指南/PHP-具体指南/调试PHP应用/PHP调试会话/零配置调试.md) * [Configuring PHP Development Environment(配置PHP开发环境)](/如何使用/语言和框架-具体指南/PHP-具体指南/配置PHP开发环境/README.md) * [Running PHP Applications(运行PHP应用)](/如何使用/语言和框架-具体指南/PHP-具体指南/运行PHP应用.md) * [Debugging PHP Applications(调试PHP应用)](/如何使用/语言和框架-具体指南/PHP-具体指南/调试PHP应用/README.md) * [Running and Debugging JavaScript(运行和调试JacaScript)](/如何使用/语言和框架-具体指南/JavaScript-具体指南/运行和调试JacaScript/README.md) ## <span id='测试应用程序'>测试应用程序</span> 测试你的应用程序是个很好的注意,PhpStorm尽可能的简化这些操作。 PhpStorm提供[unit testing of PHP applications(PHP应用单元测试)](/如何使用/语言和框架-具体指南/PHP-具体指南/PHP应用测试/README.md)通过集成PhpUnit工具,在你开始单元测试之前: * [Install and configure(安装和配置)](https://phpunit.de/manual/current/en/installation.html):该工具基于你所使用的操作系统和系统设置。 * [Integrate the tools(集成该工具)](/如何使用/语言和框架-具体指南/PHP-具体指南/PHP应用测试/启用PHP单元测试支持.md):在PhpStorm中**Settings/Preferences**对话框的[PHP](/参考/设置参数对话框/语言和框架/PHP/README.md)页面中。 为了生成测试类的桩,选择要创建单元测试的PHP类,然后选择生成**Generate PHPUnit Test** 。 指定测试在下列类型中的一种运行配置下运行:[PHPUnit](/参考/对话框/运行调试配置/运行调试配置:PHP单元测试.md)或者[PHPUnit by HTTP](/参考/对话框/运行调试配置/运行调试配置:通过HTTP进行PHP单元测试.md),这基于你是运行单元测试在本地还是在服务端。为了运行单元测试,选择相应的配置然后点击工具栏中的**Run**按钮![运行按钮](http://image.jellychen.cn/uploads/2016/10/run.png)或者按`Shift+F10`。 为了监控代码覆盖率,选择相应的配置然后点击工具栏中的**Run with coverage**按钮![覆盖率执行](http://image.jellychen.cn/uploads/2016/10/runWithCoverage.png)。 ## <span id='仅此而已'>仅此而已</span> 在这里我们给出了非常简洁的概述关于一些PhpStorm重要的工具,仅仅是让你快速开始。还有大量的重要特性能使你的生活更加方便,使代码漂亮和干净。 在PhpStorm享受开发的乐趣吧! # 另请参阅: 入门指南: * [Installing and Launching(安装启动)](/初见PhpStorm/安装和启动.md) 语言和框架具体指南: * [Creating and Managing Projects(创建和管理项目)](/如何使用/常规指南/创建和管理项目/README.md)