2019-11-06

PHPSTORM

[图片上传失败...(image-8b7029-1572973827712)]

后盾人 www.houdunren.com 作者:向军大叔

下面在windows系统中介绍PHPSTORM使用,MAC使用与windows只是键盘布局差异。所以就不重复介绍了。

风格

  1. 安装插件 Material Theme UI ,安装后重起phpstorm
  2. Tools -> Material Theme 中选择喜欢的样式就可以了

快捷键

[图片上传失败...(image-d24f34-1572973827712)]

  1. 全屏幕快捷键

    Keymap>Main menu>View>Toggle Distraction Free mode 为 f11健
    Keymap>Main menu>View>Toggle Full Screen mode 为 alt f11健
    
  2. Keymap>Tool Windows>Database 数据库管理 alt+shift+d

  3. Terminal 快捷键就使用默认的 alt+shift+t

  4. Remote Host 远程主机面板 alt+shift+h

  5. Run Command 切换命令控制台 alt+shift+m

  6. File Structure 查找文件定义的方法 alt+shift+j

  7. Navigate>File 查找文件 alt+p

  8. Recent Files 查找文件定义的方法 alt+e

  9. Editor Tabs>Close 关闭文件 alt+w

  10. File>Save All 保存全部 alt+s

  11. Code>Generate 快捷创建 alt+n

使用 MAC的同学习惯于 Command 键,所以本套按键设置大量定义了 alt

bootstrap

[图片上传失败...(image-a75d4-1572973827712)]

关闭angular提示

以前使用angular.js比较多,现在主要使用vue.js,所在angular.js的提示暂时不需要。

settings>Editor>Live Templates

[图片上传失败...(image-622241-1572973827712)]

Blade

PHPstorm 默认支持Laravel的blade 模板提示,但我们需要定义一下快捷键。

[图片上传失败...(image-81cbf9-1572973827712)]

[图片上传失败...(image-74863f-1572973827712)]

修改代码风格

Editor>Code Style>PHP 点击 Set From... ,我使用的是Symfony2

[图片上传失败...(image-13c142-1572973827712)]

Shell

windows10 更改 Shell(用于全局使用ls,rm等Linux命令),Mac与Linux不需要设置。

[图片上传失败...(image-ceab0c-1572973827712)]

C:\Windows\System32\WindowsPowerShell\v1.0\powershell.exe

字体大小设置

鼠标滚动改变大小

Preferences | Editor | Font >Change font Size(Zoom)...

改变编辑区大小

Preferences | Editor | Font

改变终端字体大小

Preferences | Editor | Color Scheme | Console Font

改变文件列表等dialog字体大小

Preferences | Appearance & Behavior | Appearance > Use custom font

一般我录制课程的设置是 编辑区 35,终端35,文件列表25

PHP命令

Phpstorm中大量使用composer或命令行指令,所以需要设置合适的php命令

[图片上传失败...(image-c4cbf6-1572973827712)]

[图片上传失败...(image-bf3457-1572973827712)]

创建项目

软件启动时 Create New Project 或 选择菜单 File>new Project ,下面是演示安装 Laravel 项目

[图片上传失败...(image-24770a-1572973827712)]

Laravel

Laravel Plugin

在phpstorm中安装 laravel plugin 插件.

Settings > Languages & Frameworks > PHP > Laravel 点击开启 Enable for this project

[图片上传失败...(image-e07f90-1572973827712)]

laravel-ide-helper

laravel-ide-helper 用于实现方便的代码提示功能,详细查看插件官网

使用composer安装插件

composer require --dev barryvdh/laravel-ide-helper

生成代码跟踪支持

php artisan ide-helper:generate

其他插件

在 IDE 中设置中搜索插件 Preferences | Plugins需要安装的插件列表如下:

  • Laravel Plugin
  • Laravel Snippets

命令提示

settings>Tools>Command Line Tool Support

[图片上传失败...(image-e42c1-1572973827712)]

[图片上传失败...(image-803918-1572973827712)]

Git

phpstorm很好的内置支持版本库管理。选择菜单 VCS>Enable Version Control Integration

[图片上传失败...(image-23856f-1572973827712)]

安装 .ignore 插件用于管理 Git的 .gitignore 文件

[图片上传失败...(image-88de90-1572973827712)]

提交代码

[图片上传失败...(image-30a69f-1572973827712)]

editorconfig

editorConfig可以帮助开发人员在不同的编辑器和IDE中定义和维护一致的编码风格。下面是laravel 项目的配置,也是大叔使用的配置。官网 https://editorconfig.org/

主流开源项目的 editorconfig 配置 https://github.com/editorconfig/editorconfig/wiki/Projects-Using-EditorConfig

phpstorm 插件中安装 editorconfig 插件,然后在项目根目录创建 .editorconfig 文件内容如下:

root = true

[*]
charset = utf-8
end_of_line = lf
insert_final_newline = true
indent_style = space
indent_size = 4
trim_trailing_whitespace = true

[*.md]
trim_trailing_whitespace = false

[*.yml]
indent_style = space
indent_size = 2

说明

indent_style    设置缩进风格(tab是硬缩进,space为软缩进)
indent_size     用一个整数定义的列数来设置缩进的宽度,如果indent_style为tab,则此属性默认为tab_width
tab_width       用一个整数来设置tab缩进的列数。默认是indent_size
end_of_line     设置换行符,值为lf、cr和crlf
charset         设置编码,值为latin1、utf-8、utf-8-bom、utf-16be和utf-16le,不建议使用utf-8-bom
trim_trailing_whitespace  设为true表示会去除换行行首的任意空白字符。
insert_final_newline      设为true表示使文件以一个空白行结尾
root           表示是最顶层的配置文件,发现设为true时,才会停止查找.editorconfig文件   

composer

composer.json 配置文件管理,需要安装插件

[图片上传失败...(image-1d0817-1572973827712)]

其他设置

取消格式化代码时 自动换行

[图片上传失败...(image-7a0286-1572973827712)]

快速加符号

为选中字符快速添加引号或其他包裹符号。

[图片上传失败...(image-f32771-1572973827712)]

解决NPM变慢的问题

生成 node_modules 目录后,加载特别慢并会卡死,解决方法如下:

[图片上传失败...(image-876c9c-1572973827712)]

自动换行

Preferences | Editor | General | Use soft wraps in editor

你可能感兴趣的:(2019-11-06)