1.
@osrecio@osrecio 07/11/2017
Prepara tu entorno para
Magento 2
@osrecio 07/11/2017

2.
2
@osrecio 07/11/2017
Óscar Recio
Magento Lead Developer
Mi previsión de #eCommerce para 2018 es:
"Deshazte de todo lo que NO venda"
@osrecio
osrecio
osrecio
osrecio.com
@osrecio

3.
@osrecio
3
07/11/2017
Interactiv4
@osrecio 07/11/2017

4.
4
@osrecio 07/11/2017
Environment Development
Summary
and

5.
@osrecio
5
07/11/2017
Environment
● Setup
● Tools
PHP
PHP-FPM
Apache
Nginx
Mysql
Percona
MariaDb
PHP HTTP Mysql

6.
@osrecio
6
07/11/2017
Environment

7.
@osrecio
7
07/11/2017
Environment

8.
@osrecio
8
07/11/2017
Environment

9.
@osrecio
9
07/11/2017
Environment

10.
10
@osrecio 07/11/2017
My EnvEnvironment

11.
11
@osrecio 07/11/2017
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
brew tap caskroom/cask
brew update
brew cask install iterm2
brew cask install phpstorm
brew cask info sequel-pro
brew cask install google-chrome
Tools
Terminal1 IDE ~ PHPStorm2 DBMS3 Browser4 Photoshop / Gimp / Pixelmator
Tower / Sourcetree / GitKraken
Postman / Boomerang / Soap UI
Sublime / Atom / Vim
git / tig / ssg / htop / ncdu
Environment

12.
@osrecio
12
07/11/2017
Development
● PhpStorm
● Code quality
● Tools
● Debug Plugins
PhpStorm Code
Quality
Tools Debug
Plugins

13.
13
@osrecio 07/11/2017
PhpStorm
Urn Catalog
bin/magento dev:urn-catalog:generate .idea/misc.xml1
2
Remote PHP CLI interpreter
Preferences > Languages & Frameworks > PHP : PHP Language Level and CLI Interpreter3
Code Style
Preferences > Editor > Code Style > PHP : Set From PSR1,PSR24
Development
Exclude and Source Directories
/bin/,/generated/, /pub/, /setup/, /var/cache/, /var/log/, /var/page_cache, /var/view_processed
/vendor/, /app/code/
Basic

14.
14
@osrecio 07/11/2017
PhpStorm
Import/Export Settings
File > Import or Export Settings. And Repository Settings (all devs with Same config)1
2
Plugins
magicento
magento2
3
External Tools
Preferences > Tools > External tools4
Development
Live Templates
magento2-phpstorm-templates
phpstorm-live-templates-magento-2
Advanced

15.
15
@osrecio 07/11/2017
PhpStormDevelopment
External Tools

16.
16
@osrecio 07/11/2017
Development
$ composer global require phpmd/phpmd
$ composer config -g repositories.magento composer https://repo.magento.com
$ composer global require magento-ecg/coding-standard
$ composer global require magento/marketplace-eqp
$ export PATH="$PATH:$HOME/.composer/vendor/bin" #Add to .zshrc .bashrc etc
$ phpcs --config-set installed_paths $HOME/.composer/vendor/magento-ecg/coding-standard/,$HOME/.composer/vendor/magento/marketplace-eqp/
$ phpcs -i
The installed coding standards are MySource, PEAR, PHPCS, PSR1, PSR2, Squiz, Zend, Ecg, EcgM2, MEQP1 and MEQP2
PHPStorm
phpcs
Preferences > Languages & Frameworks > PHP > Code Sniffer : ~/.composer/vendor/bin/phpcs
Preferences > Editor > Inspections > PHP > PHP Code Sniffer validation: select standard from list
phpmd
Preferences > Languages & Frameworks > PHP > Mess Detector : ~/.composer/vendor/bin/phpmd
Preferences > Editor > Inspections > PHP > PHP Code Mess Detector validation: {magento_root}/dev/tests/static/testsuite/Magento/Test/Php/_files/phpmd/ruleset.xml
Configure PHPCS / PHPMD
Code quality

17.
17
@osrecio 07/11/2017
Development
$ vendor/bin/static-review.php hook:install dev/tools/Magento/Tools/StaticReview/pre-commit .git/hooks/pre-commit
$ composer require --dev phppro/grumphp
$ #Create grumphp.yml with your config e.g:
parameters:
git_dir: ../
tasks:
phpcs:
standard: "vendor/magento-ecg/coding-standard/EcgMg2/"
show_warnings: true
tab_width: 4
ignore_patterns: [test]
sniffs: []
phpcsfixer:
config_file: .
config: default
fixers: [-psr0]
level: psr2
verbose: true
Configure preCommits Hooks
Code quality

18.
18
@osrecio 07/11/2017
Tools
Bash Completion
magento2-bash-completion
Development
pestle
Mage2gen
magento2-code-generator
Code Generation
Know more
n98-magerun2
n98-magerun
Magento Security Scan Tool
MageReport
Security

19.
19
@osrecio 07/11/2017
Plugins
Before Launch your Store
Magento2
QuickDevBar
This debug toolbar can
speed up Magento2
development module
Mirasvit Profiler
Magento 2 Code Profiler
and Database Profiler
Magento2 Dev
Toolbar
The toolbar provides
the Magento developer
with four debug panels:
info, layout, handles &
queries
Magento2 Zray
The Z-Ray tool from
Zend Server adds to
your instance a toolbar
with features for
profiling your PHP files.
Mage Chrome
Toolbar
Magento Chrome
Toolbar is a chrome
extension to be used
with MSP_DevTools for
M1 or M2
Mgt Developer
Toolbar
The Mgt Developer
Toolbar is a must have
for Magento 2
developers and
frontend guys

20.
20
@osrecio 07/11/2017
Tips

21.
21
@osrecio 07/11/2017
Tips and Tricks
1
Use hirak/prestissimo to parallelize downloads with
composer
2
Disable the module: Magento_Version
3
Patch Magento through composer. James Cowie explains
you how
4
If you do not know where to find Magento stuff, here are a
couple of resources: Awesome Magento 2 y Mageres
5
Read all the #MagentoMonday that Sherrie does if you want
to be up to date. They are in the Magento forums
6
Follow me on Twitter
Tips

22.
22
@osrecio 07/11/2017
My Tips
“Pasa algún tiempo investigando y
planificando tareas para dar una
estimación precisa”
Think and then estimate
“El mal no deja de estar equivocado
porque la mayoría participe en el”
The Core is not the Holy Grail
“No soy un excelente programador;
Soy un buen programador con
excelentes hábitos”
Test everything you can
“Los pequeños detalles son vitales.
Las pequeñas cosas hacen que
sucedan grandes cosas”
Every detail matters
“La satisfacción radica en el
esfuerzo, no en el logro, el pleno
esfuerzo es la victoria completa”
Satisfaction
“La innovación distingue a un líder
de un seguidor”
Innovate
Tips

23.
23
@osrecio 07/11/2017
One More Thing

24.
24
@osrecio 07/11/2017
M2 InstallerOne More
Thing
by Interactiv4

25.
@osrecio 07/11/2017
¿ Preguntas ?
Gracias
@osrecio