快速開始引導 · phpstorm手冊

# 快速開始引導在這個頁面中，你將了解： * [開始創建之前](#開始創建之前) * [初始配置](#初始配置) * [在歡迎界面設置默認配置](#在歡迎界面設置默認配置) * [后續修改設置/偏好](#后續修改設置/偏好) * [IDE主題和編輯器主題的不同之處](#IDE主題和編輯器主題的不同之處) * [項目工作](#項目工作) * [用下載的代碼創建項目](#用下載的代碼創建項目) * [根據版本庫中的代碼創建項目](#根據版本庫中的代碼創建項目) * [從頭開始一個新項目](#從頭創建新項目) * [填充你的項目](#填充你的項目) * [定制項目的所有配置](#定制項目的所有配置) * [版本控制](#版本控制) * [本地歷史](#本地歷史) * [文件顏色](#文件顏色) * [IDE和編輯器](#IDE和編輯器) * [外觀](#外觀) * [編輯器](#編輯器) * [快捷鍵](#快捷鍵) * [外部編輯器](#外部編輯器) * [后臺任務](#后臺任務) * [使用宏](#使用宏) * [多文件工作](#多文件工作) * [查找通過：](#查找通過) * [全部搜索](#全部搜索) * [搜索項目元素](#搜索項目元素) * [搜索代碼元素](#搜索代碼元素) * [IDE組件](#IDE組件) * [代碼智能提示](#代碼智能提示) * [編輯和編寫代碼](#編輯和編寫代碼) * [分析代碼](#分析代碼) * [查看文檔](#查看文檔) * [安全地重構](#安全地重構) * [即時查看改變](#即時查看改變) * [運行和調試應用程序](#運行和調試應用程序) * [測試應用程序](#測試應用程序) * [僅此而已](#僅此而已) 歡迎來到PhpStorm，這是一個簡潔的指南旨在幫助你掌握該IDE。 ## 開始創建之前 如果你準備直接在遠程主機上調試和運行應用程序,你需要做的僅僅是[在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上工作。 ## 初始配置 當你第一次啟動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`的仿真環境。 ## 在歡迎界面設置默認配置 再次提示，如果你是第一次啟動（或者你沒有打開過項目），在啟動時你可以看到歡迎界面： ![歡迎界面](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) ### 后續修改設置/偏好 在項目中修改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)的標記。這意味著在這些頁面上設置將作用于當前項目，沒有這個圖標的頁面上的設置將作用于整個工作環境。 ### IDE主題和編輯器主題的不同之處 注意[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) ## 項目工作 在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(從頭開始一個新項目)](#從頭創建新項目) ### 用下載的代碼創建項目 一個通用的工作流程是更新一個已存在的應用程序。在這種情況下，你需要下載程序代碼并將它們安排到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)。 ### 根據版本庫中的代碼創建項目 你也可以從版本控制倉庫下載代碼，如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) ### 從頭創建新項目 你可以從頭建立項目，從頭開始開發一個應用程序。 1. 在歡迎界面點擊**Create New project** ，或者在主菜單，選擇**File | New Project....** 2. 在打開的對話框中，選擇項目類型和輸入項目屬性例如項目名稱、父文件夾和項目類型。參考[Creating New Project From Scratch(從頭創建新項目)](/如何使用/常規指南/創建和管理項目/從頭創建新項目.md)。 ### 填充你的項目 新建文件和目錄到你的項目是很快的：在主菜單選擇**File | New...** ，或者在[Project Tool Window(項目工具窗)](/參考/工具窗參考/項目工具窗.md)的右鍵菜單中選擇 **New** 。選擇你選擇的元素然后輸入名稱，PhpStorm做剩下的工作：根據模板創建文件并且初始化一些代碼。更多詳細信息請看[Populating Projects(填充項目)](/如何使用/常規指南/填充項目/README.md)。 ## 定制項目的所有配置 看主工具欄-有一個設置按鈕![設置按鈕](http://image.jellychen.cn/uploads/2016/10/settings.png)。點擊該按鈕彈出**Settings/Preferences** 對話框。在這你可以改變項目結構，建立版本控制，改變工作環境讓開發更加愉快。一些設置僅屬于特定的項目，例如：項目解釋器、版本控制配置或者文件顏色，它們有![默認設置圖標](http://image.jellychen.cn/uploads/2016/10/current_project_icon.png)的標記。其它的，例如編輯器設置、快捷鍵或動態模板-屬于整個工作環境。甚至可以在沒有打開項目的時候進行配置。 ### VCS(版本控制) 毫無疑問的，你在用版本控制保存你的代碼，對吧，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)章節。 ### VCS(本地歷史) 除了傳統的版本控制系統，還能使用[local history(本地歷史)](/如何使用/常規指南/使用本地歷史/README.md)。通過本地歷史，PhpStorm自動跟蹤代碼的變更、重構的結果和一系列預定義事件(測試、部署、提交、更新)中代碼的狀態。本地歷史總是可用的。 ### VCS(文件顏色) 你的項目中可能包含幾個網站。每個網站擁有的文件之間可能有相同的名字。當它們都同時在編輯器里面打開時，將十分令人困惑，怎么知道一個文件是屬于哪個網站的？PhpStorm將它們突出顯示通過渲染編輯標簽的顏色(Settings/Preferences|Appearance&Behavior|File Colors)。將你的項目分成小塊 - [scopes(區塊)](/參考/要點/區塊.md)（例如，每個網站一個區塊），然后為每一個選擇一種顏色。更多詳細內容參考[Configuring Scopes and File Colors(配置區塊和文件顏色)](/如何使用/常規指南/配置項目和IDE設置/配置區塊和文件顏色.md)。 ### IDE和編輯器 在一個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)。 #### 外觀 記住，你在第一次啟動時已經選擇了最初的IDE外觀。如果你感覺結果不太合適，現在是時候改變你最初的意見。在[Appearance(外觀)](/參考/設置參數對話框/外觀行為/外觀.md)設置界面( **Settings/Preferences | Appearance&Behavior | Appearance** )，你可以選擇PhpStorm的界面外觀。點擊theme _（英文寫的是Look and feel，但是我沒找到，猜測應該是theme選項）_ 下拉框，然后選擇更適合你的方案。你不需要關閉Settings/Preferences對話框就能觀察到實驗結果：僅僅點擊**Apply**，看看情況，當你選擇了你覺得合適的選項后你可以關閉對話框。 #### 編輯器 Settings/Preferences對話框中[Editor(編輯器)](/參考/設置參數對話框/編輯器/README.md)節點下面的很多頁面幫助你調整編輯器的行為的方方面面。注意,PhpStorm自帶預定義的配色方案，但是，如果你想定制化一些東西，也歡迎你這么做：用新名字另存默認配色方案，然后開始改變其背景、字體、顏色的語法元素,錯誤高亮,等等。同時你可以立即在預覽窗格中觀察結果。更多詳細信息參考[Configuring Project and IDE Settings(配置項目和IDE設置)](/如何使用/常規指南/配置項目和IDE設置/README.md) 和 [PhpStorm Editor Guided Tour(PhpStorm編輯器引導教程)](/如何使用/常規指南/PhpStorm編輯器/README.md)章節。 #### 快捷鍵 一組快捷鍵是你工作中最親密的習慣之一-你的手指記住一些鍵位組合，改變這些習慣是相當痛苦的。考慮到這一點，PhpStorm向你提供各種預定義的鍵盤布局，為那些已經習慣Eclipse或者已經在Visual Studio中工作和很久的人。你可以根據現有的創建你獨有的鍵盤布局。最后，這有一個魔法快捷鍵``Ctrl+Back Quote (Ctrl+`)``幫助你不用設置對話框切換不同的方案(所有方案-鍵盤布局，顏色，代碼風格和界面外觀)（僅支持Windows和Linux）。更多詳細信息參考[Configuring Keyboard Shortcuts(配置快捷鍵)](/如何使用/常規指南/配置項目和IDE設置/配置快捷鍵.md)章節。 #### 外部編輯器 雖然你可以可以將鍵盤布局設置為你喜歡的編輯器(Emacs, Vim, TextMate等等)樣式，但是你仍然想要在你喜歡的編輯器中打開文件。你可以很容易做到通過設置外部編輯工具。例如，你可能想用Emacs作為外部編輯器打開文件。更多詳細信息參考[Configuring Third-Party Tools(配置第三方工具)](/如何使用/常規指南/配置項目和IDE設置/配置第三方工具.md)。 ## 后臺任務 有時候，當一個長時間的任務正在運行，PhpStorm展示一個進度條。你可以將任務交由后臺執行，但是你仍然能查看它工作的怎么樣了。更多詳細信息參考[Working with Background Tasks(使用后臺任務)](/如何使用/常規指南/使用后臺任務.md)章節。 ## 使用宏 很高興能用編輯器簡化一些工作，使用宏就是一種可行的方式。更多詳細信息參考[product documentation(產品文檔-指的是宏的使用幫助文檔)](/如何使用/常規指南/PhpStorm編輯器/高級編輯規程/在編輯器中使用宏/README.md)章節。 ## 多文件工作 你可能已經注意到了，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)章節。 ## 查找通過： > 標題原文是Find your way through，通過。。的方式查找，不好作為標題。現在，你應該知道如何使用PhpStorm開始工作了，是時候開始看它的跳轉特性了。這可以幫助你不會迷失并且也能提高工作效率。 ### Search everywhere(全部搜索) 搜索是肯定最熟悉的和必要的選項,用于快速跳轉。通過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) ### 搜索項目元素 項目元素概覽的必備工具是[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) ### 搜索代碼元素 跳轉和查找源代碼的最基本的方式是`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)章節。 ### IDE組件 有很多方法在[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`將隱藏所有的工具窗僅剩下編輯器。 ## 代碼智能提示 PhpStorm因它的智能代碼分析功能而出名。無論你怎么開發你的代碼，它總是在眼前，幫助你不浪費時間地創建無錯誤應用。 ### 編輯和編寫代碼 在開發的每個階段，在任何文件中，嘗試使用[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`)。 ### 分析代碼 我們，開發人員，僅花費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)章節。 ### 查看文檔 PhpStorm讓你可以查看插入符位置符號的可用文檔。有幾種方法可以實現： ![添加可用文檔](http://image.jellychen.cn/uploads/2016/10/ps_view_doc.png) 更多產品文檔的信息參考[Viewing reference information(查看參考信息)](/如何使用/常規指南/查看參考信息/README.md)。 ### 安全地重構 在檢查完代碼之后，你可能感興趣PhpStorm提供的代碼重構功能。該IDE幫你安全的重命名，提取方法、超類和模塊，引入變量、常量、參數等等。使用`Refactor | Refactor This... `（**Ctrl+Shift+Alt+T** ）查看當前代碼段所有可用的重構操作。 ![代碼重構](http://image.jellychen.cn/uploads/2016/10/ps_refactor_this.png) ## 即時查看改變 你可以在瀏覽器中打開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)。 ## 運行和調試應用程序 調試您的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) ## 測試應用程序 測試你的應用程序是個很好的注意，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)。 ## 僅此而已 在這里我們給出了非常簡潔的概述關于一些PhpStorm重要的工具，僅僅是讓你快速開始。還有大量的重要特性能使你的生活更加方便，使代碼漂亮和干凈。在PhpStorm享受開發的樂趣吧！ # 另請參閱：入門指南： * [Installing and Launching(安裝啟動)](/初見PhpStorm/安裝和啟動.md) 語言和框架具體指南: * [Creating and Managing Projects(創建和管理項目)](/如何使用/常規指南/創建和管理項目/README.md)