Sublime textの設定。 あと、nodebrewでnode.js coffee-scriptとか管理してます。 sassとかCompassはCodekitを使っていますが、今ならhttp://alphapixels.com/prepros/とかでいいと思います。

config.json

{
  "autoReloadChanged": true,
	"blod_folder_labels": true,
	"close_windows_when_empty": false,
	"draw_white_space": "all",
	"font_size": 13,
	"highlight_line": true,
	"ignored_packages":
	[
		"Vintage",
		"Wordpress"
	],
	"line_padding_top": 3,
	"open_files_in_new_window": false,
	"show_full_path": true,
	"tab_size": 4,
	"translate_spaces_to_tabs": true,
	"translate_tabs_to_spaces": false,
	"trim_trailing_white_space_on_save": true,
	"word_wrap": true
}

keymap.json

[
    {
        "keys": ["command+shift+r"], "command": "browser_refresh", "args": {
            "auto_save": true,
            "delay": 1,
            "activate_browser": true,
            "browser_name" : "Google Chrome"
        }
    },
    { "keys": ["super+shift+c"], "command": "convert_to_utf8", "args": {"encoding": "UTF-8", "stamp": "0" } }

]

package.json

{
  "auto_upgrade_last_run": null,
	"installed_packages":
	[
		"Additional PHP Snippets",
		"AndyPHP",
		"Better CoffeeScript",
		"CoffeeComplete Plus (Autocompletion)",
		"Compass",
		"ConvertToUTF8",
		"CSSTidy",
		"Emmet",
		"Emmet Css Snippets",
		"Haml",
		"HtmlTidy",
		"InputSequence",
		"jQuery",
		"JsFormat",
		"LESS",
		"LineEndings",
		"LiveStyle",
		"LoremIpsum",
		"Package Control",
		"PHP Syntax Checker",
		"PhpDoc",
		"PhpTidy",
		"Sass",
		"SassBuilder",
		"SCSS",
		"SFTP",
		"SideBarEnhancements",
		"Wordpress"
	],
	"repositories":
	[
		"https://github.com/kope88/InputSequence.git"
	]
}