Sublime Text 2 - tips for getting started I've tried many, many code editors in the 10+ years I've been a web developer, but I've always found myself coming back to TextMate - nothing seemed to beat such absolute simplicity combined with subtle extensibility… until I started using Sublime Text 2. It can be tricky to get started with Sublime and make everything 'nice', so I thought I'd share a few tips kindly passed on to me by my good friend (and Sublime guru) Ben Reid. 1) Install Package Control - this will be your one-stop shop for finding and installing most (if not all) of Sublime's packages, which are much like Textmate bundles. Even cooler still - Textmate bundles work with Sublime too! 2) Installing packages - invoke the 'Command Palette' using cmd+shift+p and begin typing 'package' to see the available package commands. Choosing 'Install Package' then allows you to search through the squibillions of packages available to install. 3) Recommended packages: Emmet (was ZenCoding) - insanely powerful code creation plugin. Invoke the 'Koan' at the bottom of the screen with ctrl+alt+enter and try tapping out 'div#page>div.logo+nav#main-nav>ul>li*5>a' to see what I mean! Find out more about the syntax and other functionality via the documentation. Also includes Lorem ipsum generator - type 'lorem' and press tab! (Thanks to @matt_willmott & @alexkwatson) SideBarEnhancements - Allows for improved file management in the project/file browser sidebar. AdvancedNewFile - enhanced right-click menu and fast file creation. Press alt+cmd+n to create a new path-based file anywhere in the project without the need to browse there directly. Nettuts+ Fetch - great for grabbing, unpacking and installing common libraries and apps, e.g. WordPress. Delightfully handy. Element Finder - Fine-tuned searching within your project using CSS syntax. Note that this package requires Node.js to be installed. 4) Install a theme - Sublime themes are packages too and installed using the same approach as above. Ben recommended Soda theme which I very much like. A restart may be required. 5) Tweak your settings - one thing that may seem a little daunting at first is Sublime's text-file settings. First, have a read of the Default settings file (via Preferences > Settings - Default) as it includes comments/documentation. Next, it is recommended that you copy/paste these settings into your User settings file to tweak them - this leaves Default settings unaffected so you can easily roll back if required. Also note that some settings can also be changed via the Preferences menu. 6) Choosing a typeface - I never realised how important my coding font was until I began using a really nice one. Fonts available for Sublime are based on your installed fonts so you can either use an existing one or, preferably, download the beautiful (and free) Inconsolata. In your settings, enter the font name in the 'font_face' property and specify a size here too. You can resize the font via Preferences too. 7) Choosing a colour scheme - Again, I didn't realise how important my code editor colour scheme was until I began using one of Sublime's dark background colour schemes. Opening an editor with black text on a white background now makes me wince! Choose a colour scheme from the Preferences menu - I recommend Twilight as the soft pastel colours are really easy on the eye… 8) UPDATE: Bonus tweaks - I've been using Sublime for some time now and absolutely adore it. As such I've been steadily tweaking it to my liking and thought I'd share some: remember_open_files = false(disables last opened files/project) hot_exit = false(in conjunction with the above, prompts to save files on exit) 9) UPDATE 2: Interactive theme builder - That infinitely-superb Ben Reid tweeted about an interactive theme builder for Sublime. Go forth and NEON. There is so much more to Sublime than I've covered here but I hope that the above can help you get started - especially if, like me, fear of change has been putting you off! Also, if you have any other tips and tricks, please post them down in the comments!
{"Image Orientation": "Horizontal (normal)", "Image ExifOffset": "38", "EXIF ColorSpace": "sRGB", "EXIF WhiteBalance": "Auto"}