Magento2 CheatSheet

Magento2.md

link tutorial ada disini

http://devdocs.magento.com/guides/v2.1/frontend-dev-guide/bk-frontend-dev-guide.html
https://www.creare.co.uk/blog/magento/theming-in-magento-2-part-1
https://www.creare.co.uk/blog/magento/theming-in-magento-2-part-2
http://alanstorm.com/category/magento-2/

I have installed Magento 2 successfully, but icons are not displaying and not able to click anywhere in backend.

Please try running following command.

php bin/magento setup:static-content:deploy
php bin/magento setup:static-content:deploy --theme=Vendor/mytheme
php bin/magento setup:static-content:deploy --exclude=Magento/luma,Magento/blank
php bin/magento setup:upgrade

How can I clear Cache and Reindex?

Here are the commands to cache and reindex.

php bin/magento cache:disable
php bin/magento cache:flush
php bin/magento indexer:reindex

How can I de compile using command?

Try running this command for de compile.

php bin/magento setup:di:compile

Turn template hints on/off

UPDATE
`core_config_data`
SET
`value` = 1
WHERE
`path` = "dev/debug/template_hints_storefront"

add js file via require.js

1. Create file requirejs-config.js at app/design/[vendor]/[theme]/web/ with this content

var config = {

    // When load 'requirejs' always load the following files also
    deps: [
        "js/wim" //js file yang akan di load simpan di app/design/[vendor]/[theme]/web/js
    ]

};

magento new js file example to load other js lib

define([
    'underscore',
    'jquery'
], function(){
    "use strict";

    _.each(["Hello", "World", "!!!!!!!!!!!!!!!!!!" ], console.log);


});

Grunt

grunt exec:<your_theme>
grunt less:<your_theme>
grunt watch

Less breakpoint variable

  @screen__xxs: 320px;
  @screen__xs: 480px;
  @screen__s: 640px;
  @screen__m: 768px;
  @screen__l: 1024px;
  @screen__xl: 1440px;