phpstorm 使用指南

phpstorm 使用指南

前言: 讲解 phpstorm 的使用技巧

---

概述

笔者将 phpstorm 使用总结以下

• 环境配置 phpstrom 的经常使用配置
• 快捷键 笔者对经常使用的快捷键进行了分类整理
• 工具 讲解笔者在使用中经常使用 phpstorm 功能

• 杂项 总结使用经验及其余技巧

环境配置

phpstorm 中大部分配置均在 file -> Default Settings 中完成.
对应快捷键

• ⌘ + , mac 环境
• ctrl + alt + s windows 环境

该快捷键在后续描述中不会强调,但很是重要!

主题配置

1. 选择主题 phpstorm 主题网站

2. 根据机型选择配置文件

   • MAC 选择 .icls
   • WINDOWS 选择 .XML
3. 替换主题,参照主题帮助说明
4. 选择主题

快捷键映射

phpstorm 在 mac 和 windows 默认快捷键有区别.
经过设置 keymap 可保证统一性.

• ctrl + ' 注意是反引号,选择 keymap 设置对应的快捷键风格

依赖工具

• 配置 SVN 的工做环境
  在 settings -> version_control -> subversion 中设置 svn.exe 的安装路径
• 配置 git
  在 settings -> version_control -> git 中设置 git.exe 的安装路径

• 添加浏览器

  1. 打开设置
  2. 搜索 browser,添加新浏览器路径

插件安装

在设置界面搜索 plugins ,打开搜索各类插件.笔者使用插件以下

• key prompert 提醒使用键盘快捷键的工具
• plantuml 画图工具
• IdeaVim 开启 vim 模式的编辑器
• BashSupport 支持 shell 的高亮
• settings repository 实现多台电脑的配置同步 注意在同步配置后,涉及到路径的配置,在不一样电脑上时需手动修复
• live edit 配合 chrome,实现同步编辑
• string manipulation 强大的字符串操做工具
• hex 以 16 进制显示文件

phpstorm 自己就内置了 emmet,markdown,数据库链接等功能.建议在须要某些特性以前先去官方文档中查找,会好于直接寻找插件.

配置导出

当多人使用工具时要保证生产环境的同步经常使用同步方法以下

1. 导出导入设置
   如何导出和导入配置文件
2. 共享配置文件
   共享配置文件说明

wamp 关联 phpstorm

1. 打开配置界面
2. 参看动图
   

快捷键

以 windows 模式下举例.若要查找快捷键.
打开设置面板,搜索 keymap 再查找对应快捷键便可.

控制光标位置

• ctrl + m 将光标定位到文件中心
• alt + j 多列模式进行选中,只会选择相同的单词
• alt + shift + j 取消多列模式
• home,end移动到行首或行末
• ctrl + shift + m 匹配括号的位置，会将光标移动到对应正括号和反括号位置
• ctrl + [ 或 ] 具备类似功能
• ctrl + shift + [ 或 ] 可已选中对应的括号区域
• ctrl + pageup 将光标移动到页面顶头
• ctrl + pagedown 将光标移动到页面底部
• ctrl + g 输入:行号:列号快速定位文件位置

编辑文档

删除

• ctrl + y 删除一行，删除从
• ctrl + delete 删除光标后内容
• ctrl + backspace 删除光标前一个字的内容
• ctrl + enter 在行首会在该行前建立新行，行末会在改行后建立新行

复制

• ctrl + d 复制选中块，若没有则只是复制当前行
• ctrl + shift + v 粘贴文档时能够选择行数，多选时按住shift，也能够显示剪切板历史

选择移动

• ctrl + w 进行选择扩展,加shift反向操做扩展
• shift + ↑ 或 ↓ 向上或向下移动一行
• shift + home 或 end 选择光标到行首或行末的内容
• pageup,pagedown 向上或向下移动一页
• shift pageup,pagedown 向上或向下选择一页
• ctrl + shift + [ 或 ] 选择匹配括号的内容，注意使用时光标要放在括号先后才起做用
• shift + alt + ↑ 或 ↓ 将光标对应行向上或向下移动，也能够选中多行进行移动
• shift + ctrl + ↑ 或 ↓ 对于函数等内容，它是向上或向下移动整个函数
• ctrl + shift + l 格式化代码，再加上alt 能够格式化全局
• alt + shift + insert 实现按照矩形格式来选择文本的功能

文件控制

• ctrl + b 跳转到函数 ，或者按住ctrl 点击函数也可实现该效果。
• ctrl + f12 显示函数之间的结构关系
• alt + ↑ 或 ↓ 函数跳转的上下切换
• ctrl + alt + ← 或 → 实现前进和返回，可是在windows 中这两个快捷键被用来转换屏幕,因此建议自定义快捷键
• ctrl + alt + backspace 也可实现返回的功能
• F2 当出现规则检查错误时进行导航，加shift为反向导航，利用ctrl+f1查看错误缘由,alt+enter查看解决办法
• F6 和 F5 移动和复制文件，在弹出框中写入路径便可
• ctrl + alt + shift + t在项目文件树中使用，会出现对文件移动、复制等操做
• shift + f6 项目窗口中使用能够重命名文件，在编辑模式下没有做用
• alt + insert 新建文件
• ctrl + shift + f 在工程中查找内容
• ctrl + shift + U 或者 edit | toggle case 修改字母大小写

设置与查找

• ctrl + n 全局查找类
• ctrl + f 文件中查找,支持正则
• ctrl + shift + f 支持在整个项目中查找,甚至是整个磁盘中
• ctrl + r 文件替换,支持正则
• ctrl + shift + r 支持在项目中进行批量替换
• shift + f6 能够利用该功能实现项目中变量或文件的重命名
• ctrl + shift + n 全局查找文件，你能够在查找时追加:行号:列号快速定位文件位置
• ctrl + shift + n 使用该方法也能够查找目录，只须要在搜索关键字后加上/的路径索引符便可
• ctrl + shift +a 查找 PHPSTORM 命令的名称，及快捷键，能够迅速执行
• ctrl + q 快速查找文档帮助在阅读函数时很是有用
• ctrl + alt + t 利用此实现环绕

设置标签

• shift + f11,f11 设置和清除标签,利用标签来进行文件的修改

添加注释

• ctrl + / 添加单行注释
• ctrl + shift +\ 添加多行注释

注释模式会随着使用语言自动变化

高级编辑功能

• alt + enter 在编辑 php 时，若字符串为 HTML 片断，能够利用该功能实现片断代码编写
• alt + enter 该命令在不一样环境有多种操做很是重要
• ctrl + alt + m 在编码时，能够将选择的块新建成函数
• shift + F6 在修改函数或文件名的同时，引用该函数或文件的地方也会同时修改
• ctrl + alt + n 当光标在函数变量附近时，使用该快捷键会将变量内容变成内联模式

工做窗口切换

项目树和文件之间的切换

• alt + f1 + 1 在全局查找到文件之后，利用该快捷键迅速定位在 项目树中的的位置
• f4 实如今查找到的文件和项目树之间进行切换
• alt+左右方向键 进行文件切换

工做窗口切换

• ctrl+tab+左右方向键切换全部工做选项
• alt + number 例如 `alt + 打开关闭工程
• alt + 1 打开关闭工程文件夹，能够直接在项目树中输入字符进行查找，也可利用上下左右键进行展开
• alt + 6 查看 todo 信息
• alt + 7 打开函数结构显示
• ctrl + tab 切换显示工具栏
• alt + f12 快速打开控制台
• F12 打开最近关闭的窗口
• shift + esc 退出，esc 也有退出功能。
• ctrl + f4 在非编辑窗口下会退出，在编辑窗口下会关闭当前窗口
• f4 和 shift +f4 打开工程文件夹中所在位置的文件，在新窗口中打开
• ctrl + shift + e打开最近编辑的文件列表,ctrl + e类似
• alt + home 迅速回到顶层导航栏位置，利用上下左右箭头切换文件，这是能够利用上下左右键进行切换和展开
• f2 导航到下一个错误
• shift + f2 上一个错误
• alt + f12 打开终端
• ctrl + shift +t 在打开终端下建立新终端
• ctrl + shift +w 在打开终端下关闭终端

拖动工做路径和文件到终端下会建立一个指向该路径的新终端

杂项

• ctrl + j 查询当前文件支持的自定义模板

工具

利用 TODO

应用场景

1. 标注你之后有待修改的代码
2. 团队协做时，告诉其余人须要维护的部分
3. 记录代办事项

使用方法

单人使用

利用注释快捷键添加注释,在注释中包含
todo 描述信息,以 js 代码举例

//todo 完成 xx 函数重构

利用 alt + 6 便可查看项目中全部代办事项

多人模式

1. 打开设置,搜索 todo,添加新的 todo 模式，
2. 添加过滤器,点击 todo 窗口的漏斗图标就会看到本身的过滤器。

3. 添加 todo 模板

   1. 在 设置选型中设置好新的标记和过滤器
   2. 使用 live template 编辑模板
      
   3. 编辑模板中的变量
      

更详细描述参见 官方帮助

使用建议

造成本身的 todo 风格，参考 stackoverflow 讨论(todo 的技巧)

红色: 没法编译和运行的代码 
    // Error - 编译或运行时出错的代码
    // Broken - 代码没法运行或发生崩溃
    // WTF - 极度丑陋的代码
   
    橙色: 代码能够运行，可是方法不恰当
    // Hack - 为了使代码能正常运行而添加的黑客方法
    // FixMe - 代码实现了功能可是能够再可维护性、性能等方面进行改善
    // Bug - 代码已上线，但有时会出现 BUG
    // Review - 代码能够正常工做可是须要复审
    // Smells - 相似于修补
   
    蓝色: 代码能够正常运行，可是须要添加特性或补充
    // Todo - 函数尚未完善
    // Note - 解释目前的进展方便其余人

自定义模板

1. 设置面板中搜索 live template

2. 建立模板组，它的做用是将一组模板放在一块儿，目的是便于管理，模板组命名能够参考以下规则

   • 根据文件类型创建模板组，好比 md 表示全部 markdown 文件下的模板
   • 只创建一个模板组 locke ,以本身的用户名创建模板组
   • 按照使用场景创建模板组 ，code 表示编程的模板组。
3. 在创建的模板组下建立模板,主要是肯定以下方面

4. 设置成功后在对应格式的文件中使用 ctrl + j 能够查看该文件类型对应支持的模板。
   或者直接输入模板的简写，使用 tab 进行扩展。

在使用模板中有一些经常使用的预约义变量

phpstorm 内置变量	做用
$END$	用来肯定模板展开后的光标位置

其他变量参见 模板变量

调试代码

重点是理解 phpstorm run/debug 调试器配置
不一样语言须要不一样的调试环境.此外须要熟悉 phpstorm 调试窗口

js

参考 官方调试说明

html

官方帮助 liveedit

1. 首先安装 liveedit 插件
2. 安装 JetBrains IDE Support chrome 插件
3. 在 phpstorm 中修改界面,chrome 会同步更新

能够配置 match pattern

可能存在问题

1. 若没法正常运行查看页面是否有错误
2. 注意配置为 javascript 调试模式

php

1. 打开设置界面选择 php->interpreter 打开 php.ini

2. 在打开的配置界面中查找[xdebug]，并修改以下配置信息

[xdebug]
xdebug.remote_enable = 1  # 开启远程调试界面
xdebug.remote_host = "localhost" # 设置远程界面地址
xdebug.remote_port= 9000 # 开启远程监听端口
xdebug.profiler_enable = off
xdebug.profiler_enable_trigger = off 
xdebug.profiler_output_name = cachegrind.out.%t.%p
xdebug.profiler_output_dir = "D:/work_software/wamp/tmp"
xdebug.show_local_vars=0
xdebug.idekey="PHPSTORM"  # xdebug 运行环境

1. 在 chrome 下安装 xdebug helper,修改 Ide key　为 phpstorm。
2. 在 phpstorm 下选择 run->启动 debug 监听
3. 在 phpstorm 页面中设置断点
4. 在浏览器中开启 xdebug helper 调试后，刷新页面便可

可参考

• xdebug
• phpstomr xdebug

node

调试 node 应用

VCS

1. 点击 VCS, 选择对应版本控制软件
2. 选择 git -> clone 操做
3. 输入远程仓库地址
4. 选择本地保存文件夹
5. 克隆到本地后，利用默认的远程仓库 origin 实现 push 和 pull 操做。

利用配置->版本控制->忽略文件 添加忽略信息.
详见 phpstorm 官方忽略文件

也可使用 ctrl + 9 切换到版本控制.
选择图标来忽略文件.

能够利用 phpstorm 解决冲突图例以下

详见 phpstorm 冲突解决

也可直接利用内嵌的终端,经过命令行实现版本控制

自动环绕

• alt + ctrl + t 能够自动添加各类类型的包围快

须要进行以下配置

利用命令打开文件

1. 选择 tools -> create command line launcher
2. 点击确认后便可利用

# 打开文件
pstorm <file_naem>

查看代码结构

利用 view->toolwindow->structure 查看代码结构

各图标含义以下

图标含义

macros

利用 macro 来录制宏.

1. edit -> macros -> start macro recording 开始记录宏
2. 执行须要记录的操做
3. edit -> macros -> stop macro recording

结束后会要求输入宏名称.
保存后利用 edit -> macros -> start macro recording 播放录制的宏

能够在 php 设置中为 macros 分配快捷键,加快操做

其余

经验

工欲善其事,必先利其器

对于工具的使用笔者的原则为

• 常看帮助 不会使用的地方先去源头看帮助.不要陷入漫长的查找中
• 多总结,多记录 对于配置方面的工做,记下来省得下回又要重来
• 不要受限 当这个工具没法知足你时.请结合其余工具.前提是官方以明确指出没有该特性

使用问题

缓存

phpstorm 及其占用缓存.当电脑变慢时.
利用 file -> invalidate caches/restart 重启应用.

工具栏消失

进入 view 菜单选择 tool bar 和 tool button 便可。

清除无用的 css 样式

1. code -> run 或者利用快捷键 alt + ctrl + shift + i
2. 输入 unused css
3. 选择删除无效的 css 样式

文件恢复

1. 右键点击工程文件夹
2. 选择local hostory
3. 选择 show history
4. 选中想要还原的状态，点击返回箭头便可。

文本对齐

1. 键值对对齐
   键值对对齐
2. 变量申明对齐
   

参考资料

phpstorm 利用快捷键

phpstorm 节约时间的快捷键技巧

phpstorm 使用视频