Coder Social home page Coder Social logo

setting-up-a-new-mac's Introduction

Setting up a new Mac

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.

Contents

Apps

First: protection

General

  • 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

Office

  • 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

Browsers

Browser Extensions

  • 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)
      • 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
      • 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

Developer apps

  • 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
  • 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:
  • 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
  • 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 icon
      • AdvancedNewFile - create new files in the same location as the current document. also delete, copy, and rename files
      • ayu - a collection of themes and color schemes. I use the ayu's "mirage" theme
      • BracketFlasher - briefly flashes the matching bracket
      • BracketHighlighter - configurable highlighting for code block opens and closes
      • Chmod - change file permissions
      • Clickable URLS - mouse equivalent of "Open URL"
      • Color Highlighter - shows color values colors in markup and stylesheets
      • Copy Relative Path
      • Craft-Twig - syntax highlighting for twig documents, with Craft-specific support. I use this for all html files
      • CSS Unminifier
      • Dotfiles Syntax Highlighting
      • EditorConfig - EditorConfig
      • Emmet - Emmet (see also the cheatsheet)
      • ERB Snippets
      • ExpressionEngine - a group of packages useful for developing EE
      • Focus File on Sidebar - open sidebar and focus on the current file
      • Git Blame - show a blame pop-up, with a button to quickly see the blame commit
      • Git Commit Message Syntax - syntax highlighter
      • Git Conflict Resolver - conflict listing and highlighting
      • GitGutter - show Git diffs in the gutter
      • GitSavvy - full Git integration. handy for staging files. Repo
      • GitStatusBar - compact git info in the statusbar
      • GitSyntaxes - syntax highlighter
      • HTML-CSS-JS Prettify - HTML/CSS/JavaScript prettifier running js-beautify
      • LESS - LESS syntax highlighting
      • LoremIpsum - generate lorem ipsum text
      • MarkdownHighlighting - there are several Markdown syntax packages. this is my favorite
      • MoveTab - plugin to move tabs around with keyboard shortcuts
      • Oceanic Next Italic Color Scheme - I use this with the ayu theme
      • Open URL - option-double-click on a path to open it in the browser
      • Origami - ultraflexible window tiling
      • PostScript - syntax highlighter
      • Pretty JSON - Prettiffy/Query/Goto/Validate/Lint JSON
      • Quick File Move - makes it easy to change a file's path
      • React IDE - I use VS Code for React, but am experimenting with this package
      • RecentActiveFiles - list and reopen recently activated files
      • Sass - syntax highlighting
      • SassSolution - Sass var and mixin autocompletion
      • SidebarEnhancements
      • Status Bar File Size
      • Statusbar Path - adds the path to the status bar
      • SublimeLinter - interactive code linting
      • Sync 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 another
      • Syntax Manager - assigns syntax based on file extension (essential!), and lets you specify syntax-specific settings
      • WakaTime - 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 theme
      • DA UI - the ultra-configurable successor to Boxy
      • One 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)

Additional apps

  • 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
  • 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
  • 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

Non-essential apps

  • 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: ➡️ 😮

Music

Delete GarageBand

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

setting-up-a-new-mac's People

Contributors

olets avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.