PHPSTORM
[图片上传失败...(image-8b7029-1572973827712)]
后盾人 www.houdunren.com 作者:向军大叔
下面在windows系统中介绍PHPSTORM使用,MAC使用与windows只是键盘布局差异。所以就不重复介绍了。
风格
- 安装插件
Material Theme UI
,安装后重起phpstorm -
Tools -> Material Theme
中选择喜欢的样式就可以了
快捷键
[图片上传失败...(image-d24f34-1572973827712)]
-
全屏幕快捷键
Keymap>Main menu>View>Toggle Distraction Free mode 为 f11健 Keymap>Main menu>View>Toggle Full Screen mode 为 alt f11健
Keymap>Tool Windows>Database
数据库管理alt+shift+d
Terminal
快捷键就使用默认的alt+shift+t
Remote Host
远程主机面板alt+shift+h
Run Command
切换命令控制台alt+shift+m
File Structure
查找文件定义的方法alt+shift+j
Navigate>File
查找文件alt+p
Recent Files
查找文件定义的方法alt+e
Editor Tabs>Close
关闭文件alt+w
File>Save All
保存全部alt+s
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