ã€ä¾¿åˆ©ãƒ„ール】Emmet LiveStyle(Beta)ã§ã€ãƒ–ラウザ・エディタ間ã®ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ・スタイルåæ˜ ã‚’è©¦ã™ã€‚ | DevelopersIO以å‰ã€ãƒ–ãƒã‚°ã§Emmetã‚’ã”紹介ã„ãŸã—ã¾ã—ãŸãŒã€ã¾ãŸã¾ãŸEmmetãŒè‰¯ã•ã’ãªãƒ„ールを開発ä¸ã§ã™ã€‚ ç¾åœ¨ã¯ã¾ã ベータ版ã§ã™ãŒå…¬é–‹ã•ã‚Œã¦ã„ãŸã®ã§ä¸€é€£ã®æµã‚Œã‚’試ã—ã¦ã¿ã¾ã—ãŸã€‚ アジェンダ Emmet LiveStyleã¨ã¯ï¼Ÿ 環境è¨å®š å‹•ä½œç¢ºèª SCSS(Sass)・LESSç‰ã®ãƒ¡ã‚¿è¨€èªžã®å¯¾å¿œã¯ï¼Ÿ Emmet LiveStyleã¨ã¯ï¼Ÿ ブラウザã¨ã‚¨ãƒ‡ã‚£ã‚¿é–“ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’リアルタイムã§ç¢ºèªãƒ»ç·¨é›†ãŒã§ãるツールã¿ãŸã„ã§ã™ã€‚ç¾åœ¨å…¬å¼ã‚µã‚¤ãƒˆã§ãƒ‡ãƒ¢ç”¨ã®å‹•ç”»ã‚’確èªã§ãã¾ã™ã€‚ 環境è¨å®š Emmet LiveStyle を確èªã™ã‚‹ã«ã¯ã€è¨å®šãŒå¿…è¦ãªã®ã§å‹•ä½œç¢ºèªãŒã§ãã‚‹ã¾ã§ã®è¨å®šã‚’ã”紹介ã—ã¾ã™ã€‚ 今回ã®å‹•ä½œæ¤œè¨¼ç’°å¢ƒ Windows7 chrome Sublime Text 2 Sublime Text ã®è¨å®š Sublime Text å´ã§ãƒ‘ッケージã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« Sublime Textã‚’é–‹ãã€[Ctrl] +
CSS(スタイルシート)ã®åŸºæœ¬ã€å°æŠ€ã€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ç·ã¾ã¨ã‚
[JS]便利ã§ç°¡å˜ï¼ã‚¹ã‚¯ãƒªãƒ—トやスタイルシートをブラウザ・OSã”ã¨ã«åˆ†å²ã—ã¦åˆ©ç”¨ã§ãる超軽é‡é«˜é€Ÿã®ã‚¹ã‚¯ãƒªãƒ—ト -Conditionizr
{{#tags}}- {{label}}
{{/tags}}