HTML ã‚„ CSS を書ãã®ãŒã‚ã£ã¡ã‚ƒæ—ã‚‹ Emmet ã‚’ Atom ã§ã‚‚使ã†Emmet ã¨ã„ㆠHTML ã‚„ CSS ã®è¨˜è¿°ãŒã‚ã£ã¡ã‚ƒæ¥½ã«ãªã‚‹ãƒ„ールãŒã‚ã‚Šã¾ã™ã€‚以å‰ã¯ Zen Coding ã¨å‘¼ã°ã‚Œã¦ãŸã®ã ã‘ã©ã„ã¤ã®ã¾ã«ã‹åå‰ãŒå¤‰ã‚ã£ãŸã¿ãŸã„ã§ã™ã。 Emmet Documentation 例ãˆã°ã‚¨ãƒ‡ã‚£ã‚¿ä¸Šã§ nav#menu>ul>li*3 ã¨ã„ã†æ–‡å—列を <nav id="menu"> <ul> <li></li> <li></li> <li></li> </ul> </nav> ã¨å±•é–‹ã§ãã¾ã™ã€‚ç°¡å˜ãªã¨ã“ã§ã‚‚覚ãˆã¦ãŠã㨠HTML 書ãã®ãŒã¯ã‹ã©ã‚Šã¾ã™ã€‚ Zen-Coding 㯠Vim ã§ã¯ä½¿ã£ã¦ãŸã®ã§ã™ãŒã‚‚ã¡ã‚ã‚“ Atom ã§ã‚‚使ãˆã¾ã™ã€‚ emmet 使ã„æ–¹ã¯ç°¡å˜ã€html ã‚„ PHP ファイルを開ã„ã¦ã„る状態㧠HTML ã¸å±•é–‹ã™ã‚‹ç”¨ã®æ–‡å—列を打ã¡è¾¼ã‚“ã ら tab を押ã™ã ã‘ã§ã™ã€‚ Tab ã‚ー㯠keymap.cson ファイルã§ä»¥ä¸‹ã®ã‚ˆã†ã«è¨å®šå¯èƒ½
HTMLを効率よã書ãï¼Emmetã®æ›¸ã方・使ã„æ–¹ã¾ã¨ã‚
{{#tags}}- {{label}}
{{/tags}}