My setup for a fresh macOS Sierra machine, including my go-to front-end developer tools. This will use something under 10gb of disk space.
- macOS setup (separate doc)
- Apps
- Command line (separate doc)
- App preferences (separate doc)
- Sophos Anti-Virus "Classic" - anti-virus (supported legacy version which allows scanning specific directories - the newer Sophos Home will only scan the entire computer)
- ClamXav - anti-virus and anti-malware (paid)
- Micro Snitch - monitor camera and mic use (paid)
- Tunnelblick - OpenVPN configuration manager
- There are many well-respected VPN providers, for example https://privateinternetaccess.com
- Suspicious Package - Quicklook inspector for installers
- 1Password - password management (paid service, free direct download)
- antiRSI - encourages you to take breaks to prevent repetitive stress injuries (paid)
- DropBox - synced file management
- f.lux - screen gammut adjuster
- GoogleDrive desktop app
- GIF Brewery - full-featured gif creation (frame rate/frame duration, color optimization) with video->gif conversion and screen recording
- Harvest - time tracking
- Mackup - backup your app settings, and sync them across multiple computers
- Toggl - time tracking. Gives you a nice time sheet with each entry listed separate with its start time, end time, and duration. Nice web light-weight analytics too
- Fantastical - calendar that does a number of things better than Apple's Calendar: panel with month view and a list upcoming events; Reminders integration; support multiple calendar sets, and auto-switching based on location; meaningful year view; list of all invites you haven't responded to (paid, free trial)
- Mailplane - Gmail client. After years and years using a Fluid desktop app for
https://mail.google.com
, I've upgraded - Ship - GitHub issues tracker/manager (paid, free trial)
- Slack - team chat
- turn on All Unreads
- study up on the keyboard shortcuts
- Cross-browser
- 1password - password management
- AdBlock
- Airbnb Price Per Night Correcter
- aXe - accessibility tester
- Ghostery - block trackers
- GitHub extensions
- GitHub code folding - A userscript that adds code folding to GitHub files
- GitHub custom navigation - A userscript that allows you to customize GitHub's main navigation bar. I link
- Request PR reviews (
https://github.com/pulls?q=review-requested:username
) - Assigned issues (
https://github.com/issues/assigned
) - My gists (
https://gist.github.com/username
)
- Request PR reviews (
- GitHub sort content - A userscript that makes some lists & markdown tables sortable
- GitHub Dark: Script via Tampermonkey - gives GitHub a dark theme. I use
- color
#7AAACF
- background image
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAMAAAAoyzS7AAAAA1BMVEUlJSajAuzLAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg==)
- GitHub theme "Tomorrow Night"
- CodeMirror theme "Base16 Ocean Dark"
- Jupyter theme "Base16 Ocean Dark"
- Tab size 2
- color
- GitHub reveal header - A userscript that reveals the header when hovering near the top of the screen
- GitHub search autocomplete - A userscript that adds autocomplete search filters to GitHub
- Stylish - customize the CSS of any website
- Chrome-specific
- Adblock for Youtube
- Better History - history with deep search; browse history by date
- BrowserStack - cross-browser testing
- CSS Gradient Inspector - extends the Chrome inspector
- DevTools Author - theme the Chrome dev tools window
- Full Page Screen Capture - export screenshots of an entire webpage, no matter how long it is
- GitHub Plus - adds missing functionality: repo size, file sizes, direct download links for every file, button to copy file contents
- Harvest - time tracking
- JSONView - validates and prettifies JSON files
- Pocket New Tab - trending Pocket articles in empty tabs
- PostureMinder - non-invasive reminders to sit up straight
- Quick Source Viewer - a more full-featured alternative to Chrome's
View > Developer > View Source
- Quick Tabs - search open tabs' title and urls
- Rearrange Tabs - add keyboard shortcuts for rearranging tabs
- Save to Pocket - one-click button to add the current page to Pocket
- Slinky Elegant - dark theme for Chrome
- Spaces - name multitab windows, and quickly switch between them based on the name
- Tab Position Options - control the position of new tabs (I use it open new tabs directly the right of the current tab)
- Tab Snooze - closes tabs and opens them at a different time or on a different day
- The Great Suspender - suspends tabs you aren't using, greatly reducing Chrome's memory draw
- WAVE Evaluation Tool - accessibility eval
- View Image Properties - adds a contextual menu item with image dimensions, size, and type
- Atom - text editor (I find Sublime Text is much faster and more don't-leave-the-home-row friendly, but Atom's popular enough that it's probably worth being familiar with)
- BBEdit (paid, free trial) or TextWrangler (free) - text editor with great search-and-replace and great multi-file search
- see also the BareBones GREP cheatsheet
- Fork - Git client. I keep both Fork and Sourcetree close to hand. Fork has a great "file history" function, a view for seeing the entire file tree at any commit, and lets you hide any branch from the tree view.
- GitHub Desktop - I never actually use this, prefering SourceTree (linked below). On my home computer SourceTree periodically loses
push
permissions and the only fix is to open and close GitHub Desktop, so I keep it around. I think it also set me up with ssh keys on initial launch? - Image optimizing tools:
- ImageAlpha - optimize pngs that have transparency
- ImageOptim - optimize images
- MacDown - markdown editor
- MAMP Pro - servers (paid, free trial)
- SequelPro - database manager
- The icon has a messy background that looks pretty bad in the application switcher. [Here's a fix](resources/sequel pro icon fix.icns)
- Simulator - an iOS simulator that comes with XCode (see below)
- If Spotlight isn't finding it, or just for general ease of access in Finder, make an alias in the Applications folder:
ln -s /Applications/Xcode.app/Contents/Developer/Applications/Simulator.app /Applications
- If Spotlight isn't finding it, or just for general ease of access in Finder, make an alias in the Applications folder:
- SourceTree - Git and Mercurial client. I keep both Sourcetree and Fork close to hand. Sourcetree has a wonderful option of showing the command that any given UI action triggered, making the app a great tool for helping beginners learn Git.
- Sublime Text - text editor
- If you've already registered but lost your license, get it emailed to you
- settings' syncing instructions
- If you're new, watch this tutorial video
- Handy shortcuts
- Some packages I'd recommend any front-end developer install after installing
Package Control
:A File Icon
- excellent sidebar iconAdvancedNewFile
- create new files in the same location as the current document. also delete, copy, and rename filesayu
- a collection of themes and color schemes. I use the ayu's "mirage" themeBracketFlasher
- briefly flashes the matching bracketBracketHighlighter
- configurable highlighting for code block opens and closesChmod
- change file permissionsClickable URLS
- mouse equivalent of "Open URL"Color Highlighter
- shows color values colors in markup and stylesheetsCopy Relative Path
Craft-Twig
- syntax highlighting for twig documents, with Craft-specific support. I use this for all html filesCSS Unminifier
Dotfiles Syntax Highlighting
EditorConfig
- EditorConfigEmmet
- Emmet (see also the cheatsheet)ERB Snippets
ExpressionEngine
- a group of packages useful for developing EEFocus File on Sidebar
- open sidebar and focus on the current fileGit Blame
- show a blame pop-up, with a button to quickly see the blame commitGit Commit Message Syntax
- syntax highlighterGit Conflict Resolver
- conflict listing and highlightingGitGutter
- show Git diffs in the gutterGitSavvy
- full Git integration. handy for staging files. RepoGitStatusBar
- compact git info in the statusbarGitSyntaxes
- syntax highlighterHTML-CSS-JS Prettify
- HTML/CSS/JavaScript prettifier running js-beautifyLESS
- LESS syntax highlightingLoremIpsum
- generate lorem ipsum textMarkdownHighlighting
- there are several Markdown syntax packages. this is my favoriteMoveTab
- plugin to move tabs around with keyboard shortcutsOceanic Next Italic Color Scheme
- I use this with theayu
themeOpen URL
- option-double-click on a path to open it in the browserOrigami
- ultraflexible window tilingPostScript
- syntax highlighterPretty JSON
- Prettiffy/Query/Goto/Validate/Lint JSONQuick File Move
- makes it easy to change a file's pathReact IDE
- I use VS Code for React, but am experimenting with this packageRecentActiveFiles
- list and reopen recently activated filesSass
- syntax highlightingSassSolution
- Sass var and mixin autocompletionSidebarEnhancements
Status Bar File Size
Statusbar Path
- adds the path to the status barSublimeLinter
- interactive code lintingSync View Scroll
- sync scrolling of multiple open files (plays nice with Origami!)Syntax Highlighting for PostCSS
Syntax History
- makes Sublime remember the syntax setting you've applied to each file, essential if some of your.x
files use one syntax and some use anotherSyntax Manager
- assigns syntax based on file extension (essential!), and lets you specify syntax-specific settingsWakaTime
- automatic time tracking
- I use the
Inconsolata-dz
Powerline font - And I turn on scrolling past the end of documents, turn off word wrap by default, increase default font size and line spacing, use a large solid caret, highlight the current line, and more. You can check out my preferences file (n.b: the "match_brackets" preferences are to allow BracketHighlighter to do the highlighting, and "theme" preferences are Boxy customization)
- Things I've loved but am not currently using
Boxy Theme
- super configurable themeDA UI
- the ultra-configurable successor to BoxyOne Dark
- a nice theme
- Virtual Box
- Visual Studio Code - IDEish text editor. Sublime is still my go-to but Code is great when dealing with lots of JS
- XCode
- XScope - tools for measuring and inspecting stuff on the screen (paid, free trial)
- AppTrap - extension for automatically deleting associated files when an app is deleted
- Auto Mute - mutes system on logout and shutdown, to prevent startup chime
- BarTender - hide menubar apps (paid, free trial)
- BetterTouchTool - has all sorts of powers, notably for resizing and moving windows when the cursor is over the window (don't have to grab the title bar to move, don't have to grab the edge to resize; paid)
- CoconutBattery - menubar battery meter
- my settings - I show the time, state, and percentage
- ControlPlane - context-dependent actions
- my settings - I use this to save time by automatically opening my go-to work apps when I get to the office, but more importantly I use it to automatically connect to my VPN when on the public networks I frequent (e.g. my town wifi, the library, etc)
- Day-O - menubar clock replacement with dropdown calendar (skip if using Fantastical)
- EasyFind - powerful search tool
- InsomniaX - disable sleep, including lid sleep
- Isolator - basic menubar-based screen shader
- Little Snitch - monitor network connections (paid, free time-limited version)
- mySIMBL - manager for SIMBL plugins (plugins to customize and tweak macOS). I use (install these via mySIMBL - links just for screenshots and documentation)
- binventory - badge the Trash icon with the number of files in it
- cDock - customize the Dock appearance
- colorfulSidebar 9 - colored icons in the sidebar of Finder windows
- darkNC - dark theme for the Notification Center
- NotificationClear - adds a button to the Notification Center that clears all notifications
- SpotlightSIMBL - add plugins to Spotlight. Requires Flashlight
- Afloat currently crashes my computer
- Muzzle - turns on Do Not Disturb when screensharing
- Noizio - ambient sounds with custom, shareable mixes
- here's [the starting point](resources/Hillsborough Rd.nzm) I made for messing around with while I work
- qlmarkdown - Quicklook plugin to display Markdown
- SlimBatteryMonitor - menubar battery meter
- my settings - I just show the image
- Spectacle - window resizing
- Trailer - GitHub issue monitor for Mac (menubar), iOS, watchOS
- TinkerTool - access to hidden system preferences
- TotalSpaces - grid spaces (paid)
- Vienna - free, open source RSS/Atom reader (useful for testing feeds during development)
- WiFi Signal - menubar signal meter
- my settings - I just show the strength as a number
- Air Display - use up to 4 other Macs and/or iOS devices as external monitors over WiFi or USB (paid, free trial)
- Desktop Curtain - Hides desktop icons (paid, free trial)
- Rocket - System-wide Slack-like emoji…
:open-mouth:
➡️ 😮
- LastFM scrobbler
- Sonos Controller for Sonos speakers
- and airsonos utility for using Sonos speakers as Airplay speakers (i.e. for streaming a Mac's system sound, or streaming sound from an iOS app)
- as of this writing, requires the easy fix from airsonos#316 (comment) or, if that doesn't work, the more involved one from airsonos#342 (comment)
- and airsonos utility for using Sonos speakers as Airplay speakers (i.e. for streaming a Mac's system sound, or streaming sound from an iOS app)
- Spotify
Trash these (these are the GarageBand files on a clean Sierra install. Verify the file list with CleanApp or use EasyFind to search for GarageBand.)
/Library/Application Support/GarageBand
/Library/Audio/Apple Loops/Apple/Apple Loops for GarageBand
/Library/Receipts/com.apple.pkg.GarageBand_AppStore.bom
/Library/Receipts/com.apple.pkg.GarageBand_AppStore.plist
/System/Library/Receipts/com.apple.pkg.MAContent10_AssetPack_0325_AppleLoopsGarageBand1.bom
/System/Library/Receipts/com.apple.pkg.MAContent10_AssetPack_0325_AppleLoopsGarageBand1.plist
~/Library/Application Scripts/com.apple.STMExtension.GarageBand
~/Library/containers/com.apple.STMExtension.GarageBand