scss-lintã®å°Žå…¥æ–¹æ³•ã¨ãã®ç´¹ä»‹ - Clueit Developersブãƒã‚°ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®äº•æˆ¸ç”°ã§ã™ã€‚ 今回ã¯è‡ªåˆ†ãŸã¡ãŒå°Žå…¥ã—㟠scss-lint ã«ã¤ã„ã¦ã®å®Ÿè£…方法を紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ï¼ scss-lint ã¨ã¯CSS拡張メタ言語 scss ã®Ruby製解æžãƒ„ールã§ã€ scss ã®ã‚³ãƒ¼ãƒ‰ãŒè¨å®šã«é•åã—ã¦ã„ãŸå ´åˆã€è¦å‘Šã‚’ã—ã¦ãれるツールã§ã™ã€‚ ã¤ã„fatã«ãªã£ã¦ã—ã¾ã„ãŒã¡ã§ã€ï¼‘度書ã„ã¦ã—ã¾ã†ã¨ä¸ã€…ä¿®æ£ã—ã«ãã„cssã§ã™ãŒã€ scss-lint を使用ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€çµ±ä¸€æ„Ÿã‚’æŒã£ãŸã‚³ãƒ¼ãƒ‰ã«ãªã‚Šã€ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°æ™‚ã«ã‚‚ä¿®æ£ãŒã—ã‚„ã™ã„ã¨æ€ã„ã¾ã™ã€‚ scss-lint インストール $ gem install scss_lint ã¾ãŸ Gimfile ã«ä»¥ä¸‹ã‚’入力ã—㦠bundle install ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ gem 'scss_lint', require: false 実行方法 スã‚ャンã™ã‚‹ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã¾ãŸã¯ãƒ•ã‚¡ã‚¤ãƒ«åをコマンドラインã«æ¸¡ã™ã“
~/.scss-lint.yml
自動検出ã¨è‡ªå‹•ä¿®æ£ã§CSSã‚’ä¿å®ˆã™ã‚‹ - Qiita
CSS拡張メタ言語「SCSS(Sass)ã€ã¨ã€ŒLESSã€ã®æ¯”較 - (DxD)∞
{{#tags}}- {{label}}
{{/tags}}