Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jonathanong/osx-webdev-setup
The perfect web development OS X setup
https://github.com/jonathanong/osx-webdev-setup
Last synced: 27 days ago
JSON representation
The perfect web development OS X setup
- Host: GitHub
- URL: https://github.com/jonathanong/osx-webdev-setup
- Owner: jonathanong
- Created: 2015-06-15T04:07:34.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2021-02-10T04:45:02.000Z (almost 4 years ago)
- Last Synced: 2024-10-05T01:01:24.956Z (about 1 month ago)
- Homepage: http://jonathanong.github.io/osx-webdev-setup/
- Size: 24.4 KB
- Stars: 214
- Watchers: 8
- Forks: 12
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# The Perfect Web Development Setup for OS X / macOS
This is what I perceive as the perfect web development OS X setup for JavaScript engineers.
## Goals
- Never use `sudo`. Once you run a command with `sudo`, future commands are probably gonna be fucked up as well.
- Automatically start all services. Don't bother keeping track a bunch of terminals running processes.
- Don't shoot yourself in the foot.
## Environment Profile
The new default shell in macOS is `zsh`.
Create and update your profile at `~/.zshrc`.
You may also want to `brew install zsh-completions zsh-autosuggestions`.
## XCode Command Line Tools
First, you need to install XCode's command line tools.
This installs a lot of tools like `git` which aren't needed for plebeians.
```zsh
xcode-select --install
```
If you're on Apple Silicon, you may want to install Rosetta 2:
```zsh
softwareupdate --install-rosetta
```
## Install Homebrew
[Homebrew](https://brew.sh/) is a macOS package manager that makes setting up all your services very easy.
- For Intel Macs, you can just install with the simple script on the homepage.
- For Apple Silicon Macs, I would recommend following this guide: https://soffes.blog/homebrew-on-apple-silicon
## Install everything
Install everything with Homebrew.
Here are some packages you might be interested in right now:
```zsh
# for editing files
brew install vim
# always keep your git up to date by installing it with brew
brew install git
# download stuff
brew install curl
```
### Updating
To update your packages,
simply run:
```zsh
brew update
brew upgrade
brew cleanup
```
## Install node.js with nvm
One thing many users do is install node.js globally.
This is easy to get started or fine for servers,
but it makes developing a pain.
If you have to ever run `npm` with `sudo`,
you're doing it wrong!
[nvm](https://github.com/nvm-sh/nvm) is what I think is the best node version manager.
It can be installed with homebrew!
Yes, you use a package manager to install a version manager to install another package manager.
It's stupid, but they all have their strengths.
```zsh
brew install nvm
```
Then, follow the installation instructions:
```zsh
brew info nvm
```
Then, set a default version of node.js. To use LTS:
```zsh
nvm alias default lts/*
```
### Default node.js version via `.nvmrc`
The `.nvmrc` route of selecting the version of node to use is helpful when you are working on multiple projects with different versions of node. Create a `~/.nvmrc` file with a version of node you'd like to use or, for LTS versions, `lts/*`:
```zsh
echo "lts/*" > ~/.nvmrc
```
Then install that version of node:
```zsh
nvm install
```
Note that you should run `nvm install` once in a while to get an updated version of node.
Then in your `~/.zshrc`, add the following line to always use the version of node the current working directory expects:
```zsh
nvm use
# or `nvm install`, which is slower, but will always install the latest version of node
```
Now, `nvm` will find the nearest `.nvmrc` file and use that version of node whenever the terminal starts.
### Using npm
With `nvm`, you should never be calling any `npm` functions with `sudo`.
`nvm` adds binaries installed globally to your `$PATH`, so if you install `npm i -g create-react-app`, `create-react-app` will automatically be added to your `$PATH`.
To upgrade `npm`, run `npm -i -g npm`.
To have [node binaries install faster](https://www.npmjs.com/package/node-gyp), add the following to your `~/.nvmrc`:
```zsh
export NPM_CONFIG_JOBS=max
```
If you hate the npm progress bar like, add this to your `zshrc`:
```zsh
export NPM_CONFIG_PROGRESS=false
```
## Speed up node.js
node.js has by default 4 thread pools [via libuv](http://docs.libuv.org/en/v1.x/threadpool.html) regardless of how many CPUs you have. If you have more CPUs and depending on what you're running locally, you may find a performance benefit in increasing this number.
```zsh
export UV_THREADPOOL_SIZE=8
```
## vim
Homebrew's default version of vim doesn't allowing copying and supports the mouse, which IMO defeats the purpose of vim. Here's a basic `~/.vimrc` to fix that:
```vimrc
set mouse=
syntax on
```
## thefuck?
[thefuck](https://github.com/nvbn/thefuck) is a nifty tool that allows you to fix your previous CLI typos by just typing `fuck`.
It perhaps has the greatest UX of all products, ever.
Installing it is easy:
```zsh
brew install thefuck
```
Then follow the instructions:
```zsh
brew info thefuck
```
## Setting up databases
Homebrew makes setting up databases super easy.
First step - install it with Homebrew:
```zsh
brew install redis
```
Then you'll see information on your terminal like the following:
```
To have launchd start redis now and restart at login:
brew services start redis
```
To read this information again, just type `brew info redis`.
Run the command and, Voila!
`redis-server` will always be running!
You won't have to open a bunch of terminals to keep it running!
Rinse and repeat for all your databases.
## git & GitHub
You may want to set up a few configs.
Always fast-forward when pulling (never rebase as it may mess up your local branch):
```zsh
git config --global pull.ff only
```
- [Setup SSH for GitHub](https://docs.github.com/en/free-pro-team@latest/github/authenticating-to-github/generating-a-new-ssh-key-and-adding-it-to-the-ssh-agent)
- [GitHub Desktop](https://desktop.github.com/)
- [GitHub CLI](https://cli.github.com)
## Tools & Applications
- [iStat Menus](http://bjango.com/mac/istatmenus/) - help me figure out if something's taking too much CPU, RAM, or network
- [VS Code](https://code.visualstudio.com/)
- [Docker for Mac](https://docs.docker.com/docker-for-mac/install/)
- [EditorConfig](https://editorconfig.org/)
- [Set up private npm token](https://docs.npmjs.com/using-private-packages-in-a-ci-cd-workflow)
- [Set up ssh without typing your password](https://superuser.com/questions/8077/how-do-i-set-up-ssh-so-i-dont-have-to-type-my-password)
- [Bittorrent blocklist](https://gist.github.com/shmup/29566c5268569069c256)
- [Hosts file blocklist](https://github.com/StevenBlack/hosts)
- [Google DNS](https://developers.google.com/speed/public-dns)
- [Cloudflare DNS](https://1.1.1.1/dns/)