{"id":2204,"date":"2017-04-02T13:13:14","date_gmt":"2017-04-02T13:13:14","guid":{"rendered":"http:\/\/myprojects.advchaweb.com\/?p=2204"},"modified":"2019-07-22T04:15:48","modified_gmt":"2019-07-22T04:15:48","slug":"installing-msp-devtools-magento-devtools-by-magespecialist","status":"publish","type":"post","link":"https:\/\/myprojects.advchaweb.com\/index.php\/2017\/04\/02\/installing-msp-devtools-magento-devtools-by-magespecialist\/","title":{"rendered":"Installing MSP DevTools (Magento DevTools by MageSpecialist)"},"content":{"rendered":"

ref: http:\/\/www.magespecialist.it\/blog\/2016\/08\/11\/magento-devtools-available-helping-magento-developers-all-around-the-world\/<\/a>
\nhttps:\/\/github.com\/magespecialist\/mage-chrome-toolbar#installing-on-magento-2<\/a><\/p>\n

    \n
  1. Install the chrome extension here: https:\/\/chrome.google.com\/webstore\/detail\/magespecialist-devtools-f\/odbnbnenehdodpnebgldhhmicbnlmapj?authuser=3<\/a><\/li>\n
  2. From your CLI run: composer require msp\/devtools<\/span>\u00a0 –> IT TAKE A LONG TIME BUT I DON’T KNOW WHY\n
    teddy@teddy-K43SJ:~\/Documents\/works\/magentoce215$ sudo su -s \/bin\/bash www-data\r\nwww-data@teddy-K43SJ:\/home\/teddy\/Documents\/works\/magentoce215$ composer require msp\/devtools\r\nCannot create cache directory \/var\/www\/.cache\/composer\/repo\/https---repo.magento.com\/, or directory is not writable. Proceeding without cache\r\nCannot create cache directory \/var\/www\/.cache\/composer\/repo\/https---packagist.org\/, or directory is not writable. Proceeding without cache\r\nCannot create cache directory \/var\/www\/.cache\/composer\/files\/, or directory is not writable. Proceeding without cache\r\n\r\nAuthentication required (repo.magento.com):\r\nUsername: 491a468ba9afd310d3eac792647361be\r\nPassword:\r\nDo you want to store credentials for repo.magento.com in \/var\/www\/.config\/composer\/auth.json ? [Yn] n\r\nUsing version ^0.2.4 for msp\/devtools\r\n.\/composer.json has been updated\r\nCannot create cache directory \/var\/www\/.cache\/composer\/repo\/https---repo.magento.com\/, or directory is not writable. Proceeding without cache\r\nCannot create cache directory \/var\/www\/.cache\/composer\/repo\/https---packagist.org\/, or directory is not writable. Proceeding without cache\r\nCannot create cache directory \/var\/www\/.cache\/composer\/files\/, or directory is not writable. Proceeding without cache\r\nLoading composer repositories with package information\r\nUpdating dependencies (including require-dev)\r\nPackage operations: 2 installs, 0 updates, 0 removals\r\n- Installing msp\/common (0.1.3): Downloading (100%)\r\n- Installing msp\/devtools (0.2.4): Downloading (100%)\r\nPackage fabpot\/php-cs-fixer is abandoned, you should avoid using it. Use friendsofphp\/php-cs-fixer instead.\r\nWriting lock file\r\nGenerating autoload files<\/pre>\n<\/li>\n
  3. Flush your cache.\n
    www-data@teddy-K43SJ:\/home\/teddy\/Documents\/works\/magentoce215$ php bin\/magento cache:clean\r\nwww-data@teddy-K43SJ:\/home\/teddy\/Documents\/works\/magentoce215$ php bin\/magento cache:flush<\/pre>\n
     <\/li>\n
  4. Turn OFF Full Page Cache (FPC) while you are using DevTools.
    \nSystem -> Cache Management -> Check ‘Page Cache’ -> Dropdown select ‘Disable’ -> Click ‘Submit’    \"\"<\/a>
    \nOR YOU CAN DO IT MANUALLY BY MODIFYING \/app\/etc\/env.php IN ‘cache_types’ SECTION THEN SET ‘full_page’ TO 0:<\/p>\n
    ...\r\n'cache_types' =>\r\n    array (\r\n        ...\r\n        'full_page' => 0,\r\n        ...\r\n    ),\r\n...<\/pre>\n
     <\/li>\n
  5. Enable MSP_Common and MSP_DevTools modules:\n
    www-data@teddy-K43SJ:\/home\/teddy\/Documents\/works\/magentoce215$ php bin\/magento module:enable MSP_Common MSP_DevTools\r\n\r\nThe following modules have been enabled:\r\n- MSP_Common\r\n- MSP_DevTools\r\n\r\nTo make sure that the enabled modules are properly registered, run 'setup:upgrade'.\r\nCache cleared successfully.\r\nGenerated classes cleared successfully. Please run the 'setup:di:compile' command to generate classes.\r\nInfo: Some modules might require static view files to be cleared. To do this, run 'module:enable' with the --clear-static-content option to clear them.<\/pre>\n<\/li>\n
  6. Upgrade database data & schema:\n
    www-data@teddy-K43SJ:\/home\/teddy\/Documents\/works\/magentoce215$ php bin\/magento setup:upgrade\r\nCache cleared successfully\r\nFile system cleanup:\r\n...\r\nUpdating modules:\r\nSchema creation\/updates:\r\n...\r\nModule 'MSP_Common':\r\nModule 'MSP_DevTools':\r\n...\r\nSchema post-updates:\r\n...\r\nModule 'MSP_Common':\r\nModule 'MSP_DevTools':\r\n...\r\nData install\/update:\r\n...\r\nModule 'MSP_Common':\r\nModule 'MSP_DevTools':\r\n...\r\nData post-updates:\r\n...\r\nModule 'MSP_Common':\r\nModule 'MSP_DevTools':\r\n...\r\nPlease re-run Magento compile command<\/pre>\n
     <\/li>\n
  7. Open Magento backend and go to Stores > Settings > Configuration > MageSpecialist > DevTools -> Enable ‘Yes’, IP list: 0.0.0.0\/0
    \n    \"\"<\/a><\/li>\n
  8. \u00a0Enabling profiler feature on Magento 2:If you wish to enable the profiler feature you need to set the MAGE_PROFILER server variable to MSP\\DevTools\\Profiler\\Driver\\Standard\\Output\\DevTools. You can do it in several ways:Editing index.php:Add the following line at the very beginning on index.php and pub\/index.php file:\n
    $_SERVER['MAGE_PROFILER'] = [ 'drivers' => [['output' => 'MSP\\DevTools\\Profiler\\Driver\\Standard\\Output\\DevTools']] ];<\/pre>\n
     <\/p>\n
    Editing .htaccess file<\/p>\n
    Add the following line to your .htaccess file (at the bottom is okay):<\/p>\n
    SetEnv MAGE_PROFILER MSP\\DevTools\\Profiler\\Driver\\Standard\\Output\\DevTools<\/pre>\n
     <\/p>\n
    THEN YOU CAN SEE THE profilers in the chrome developer tools -> magento tab -> profiler tab<\/li>\n
  9. Enabling SQL Queries profiler:
    \nYOU CAN DO IT MANUALLY BY MODIFYING \/app\/etc\/env.php IN ‘db’ -> ‘connection’ -> ‘default’ SECTION THEN ADD ‘profiler’ TO 1:<\/p>\n
    ...\r\n    'db' =>\r\n    array (\r\n         'table_prefix' => '',\r\n         'connection' =>\r\n         array (\r\n              'default' =>\r\n              array (\r\n                  ...\r\n                  'active' => '1',\r\n                  'profiler' => '1',\r\n              ),\r\n         ),\r\n     ),\r\n...<\/pre>\n
     <\/p>\n
    THEN YOU CAN SEE THE SQL queries in the chrome developer tools -> magento tab -> queries tab.
    \nHere are some screens how this tool in action:
    \nGeneral tab    \"\"<\/a>Design tab\"\"<\/a>Observers tab\"\"<\/a>Blocks tab\"\"<\/a>UI tab\"\"<\/a>Profiler tab\"\"<\/a>Plugins tab\"\"<\/a>Queries tab\"\"<\/a>Inspect element and the magento element\"\"<\/a><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"
    ref: http:\/\/www.magespecialist.it\/blog\/2016\/08\/11\/magento-devtools-available-helping-magento-developers-all-around-the-world\/ https:\/\/github.com\/magespecialist\/mage-chrome-toolbar#installing-on-magento-2 Install the chrome extension here: https:\/\/chrome.google.com\/webstore\/detail\/magespecialist-devtools-f\/odbnbnenehdodpnebgldhhmicbnlmapj?authuser=3 From your CLI run: composer require msp\/devtools\u00a0 –> IT TAKE A LONG TIME BUT I DON’T KNOW WHY teddy@teddy-K43SJ:~\/Documents\/works\/magentoce215$ sudo su -s \/bin\/bash www-data www-data@teddy-K43SJ:\/home\/teddy\/Documents\/works\/magentoce215$ composer require msp\/devtools Cannot create cache directory \/var\/www\/.cache\/composer\/repo\/https—repo.magento.com\/, or directory is not writable. Proceeding without cache Cannot create cache directory \/var\/www\/.cache\/composer\/repo\/https—packagist.org\/, … Continue reading “Installing MSP DevTools (Magento DevTools by MageSpecialist)”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71,98,13],"tags":[],"class_list":["post-2204","post","type-post","status-publish","format-standard","hentry","category-magento","category-magento-tutorial","category-tutorial"],"_links":{"self":[{"href":"https:\/\/myprojects.advchaweb.com\/index.php\/wp-json\/wp\/v2\/posts\/2204","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/myprojects.advchaweb.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/myprojects.advchaweb.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/myprojects.advchaweb.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/myprojects.advchaweb.com\/index.php\/wp-json\/wp\/v2\/comments?post=2204"}],"version-history":[{"count":7,"href":"https:\/\/myprojects.advchaweb.com\/index.php\/wp-json\/wp\/v2\/posts\/2204\/revisions"}],"predecessor-version":[{"id":2206,"href":"https:\/\/myprojects.advchaweb.com\/index.php\/wp-json\/wp\/v2\/posts\/2204\/revisions\/2206"}],"wp:attachment":[{"href":"https:\/\/myprojects.advchaweb.com\/index.php\/wp-json\/wp\/v2\/media?parent=2204"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/myprojects.advchaweb.com\/index.php\/wp-json\/wp\/v2\/categories?post=2204"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/myprojects.advchaweb.com\/index.php\/wp-json\/wp\/v2\/tags?post=2204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}