Bracketsã§Sassをライブプレビューã™ã‚‹ - Qiita本記事ã¯Brackets Advent Calendar 2014ã®20æ—¥ã®è¨˜äº‹ã§ã™ã€‚ ライブプレビューãŒã¨ã¦ã‚‚ç°¡å˜ã«è¡Œãˆã‚‹ã“ã¨ãŒé…力ã®Bracketsã§ã™ãŒã€å®Ÿã¯Sassã®ãƒ©ã‚¤ãƒ–プレビューã«ã‚‚対応ã—ã¦ã„ã¾ã™ã€‚ 方法㯠デフォルト機能ã«ã‚ˆã‚‹ã‚‚㮠エクステンション（brackets-sass）ã«ã‚ˆã‚‹ã‚‚ã® ã®2通りã‚ã‚Šã€ãã‚Œãžã‚Œãƒ¡ãƒªãƒƒãƒˆãƒ»ãƒ‡ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚Šã¾ã™ã€‚ 以下ã€ãã‚Œãžã‚Œã®æ–¹æ³•ã§ãƒ©ã‚¤ãƒ–プレビューを実行ã™ã‚‹ãŸã‚ã®è§£èª¬ã‚’ã—ã¦ã„ãã¾ã™ã€‚ ディレクトリツリー |──index.html | |──sass/ ──main.scss |　　　　|──_var.scss |　　　　|──_module.scss | |──css/（コンパイルå‰ã¯ç©ºãƒ•ã‚©ãƒ«ãƒ€ï¼‰ デフォルトã®æ©Ÿèƒ½ メリット å¿…è¦ãªã®ã¯Sassã®å®Ÿè¡Œç’°å¢ƒã®ã¿ Compassã«ã‚‚対応 デメリット åæ˜ ã•ã‚Œã‚‹ã®ãŒãƒ•ã‚¡ã‚¤ãƒ«ä¿å˜æ™‚ã®ã‚³ãƒ³ãƒ‘イル後ã§ã€
Sassã‚„LESSã‚’å°Žå…¥ã™ã‚‹ãƒ¡ãƒªãƒƒãƒˆ | Good thinking
{{#tags}}- {{label}}
{{/tags}}