Mac OS X Dev Setup for Fullstack Web Developer

01 Update MacOS

First thing you need to do, on any OS actually, is update the system! For that: Apple Icon > Software Update...

02 System Preference

If this is a new computer, there are a couple tweaks I like to make to the System Preferences. Feel free to follow these, or to ignore them, depending on your personal preferences.

Apple Icon > System Preferences:

• Trackpad > Tap to click
• Keyboard > Key Repeat > Fast (all the way to the right)
• Keyboard > Delay Until Repeat > Short (all the way to the right)
• Dock bar > Automatically hide and show the Dock with icons

03 install.sh the common used software

git clone https://github.com/vikbert/awesome-macbook-setup.git
cd awesome-macbook-setup
bash install.sh

04 fish shell

create the aliases and config the color

cd fish
bash  install.sh

import the color file for the shell profile

05 VS-code

install plugin Settings Sync to sync the existing VS code setting from gist from github

"[CMD+shift+x]" and install extension "settings Sync"

import/overwrite settting.json

"[CMD+shift+p]" and open with "open settings(JSON)", then copy and paster the content to "settings.json" within the editor

import the snippets from markdown.json

"[CMD+shift+p]" to open with "user snippets", and select "markdown.json" the code snippets to the plugin "markdown all in one".