remithomas / start-dev-with-macos

Start development with macOS

Start development with macOS

Sometimes One time you need links and how to install it !!

• Basic Tools
• MacOS
  • Hidden files
  • Quicklook (macOS)
• GIT
• Tools to create PR
• GraphQL
• Vscode
  • Config
  • Launch config
  • Plugins
• Note
• ToDO

Basic Tools

• Homebrew to install a lot of stuff !!!

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

• GIT
• nodejs or using via nvm: Node Version Manager
• docker
• npm autocompletion npm completion >> ~/.bashrc

MacOS

Hidden files

• Open a terminal and type: defaults write com.apple.finder AppleShowAllFiles YES
• then relaunch your finder (using ctrl + click on finder icon)

From this website

Quicklook (macOS)

• Markdown
• JSON
• CSV
• Plain text if has no extension

Complete list or Awesome list

GIT

• autocompletion

  • brew install git && brew install bash-completion
  • copy this in ~/.bash_profile

if [ -f ~/.git-completion.bash ]; then
  . ~/.git-completion.bash
fi

• Colored branches in ~/.bash_profile

parse_git_branch() {
    git branch 2> /dev/null | sed -e '/^[^*]/d' -e 's/* \(.*\)/ (\1)/'
}
export PS1="\u@\h \W\[\033[32m\]\$(parse_git_branch)\[\033[00m\] $ "

Tools to create PR

• ImageOptim to optimize EVERY images
• LICEcap to record your screen before send a Pull request.
• trailer app show Pull requests from Github.

GraphQL

GraphiQl download link.

brew cask install graphiql

Vscode

Config

Some config in preference

{
    "editor.renderWhitespace": "all",
    "files.insertFinalNewline": true,
    "eslint.autoFixOnSave": true,
    "files.trimFinalNewlines": true,
    "tslint.enable": true,
    "tslint.autoFixOnSave": true,
    "markdown-preview-enhanced.liveUpdate": true
}

Launch config

Useful when want debug, launch: launch.json

Plugins

• Auto Close Tag formulahendry.auto-close-tag
• Auto Rename Tag formulahendry.auto-rename-tag
• Color Info bierner.color-info
• CSS Peek pranaygp.vscode-css-peek
• Debugger for Chrome msjsdiag.debugger-for-chrome
• Docker PeterJausovec.vscode-docker
• Editorconfig for Vscode EditorConfig.editorconfig
• ESLint dbaeumer.vscode-eslint
• IntelliSense for CSS class names in HTML Zignd.html-css-class-completion
• Path Intellisense christian-kohler.path-intellisense
• Sort lines Tyriar.sort-lines
• Stylelint shinnn.stylelint
• vscode-icons robertohuertasm.vscode-icons

Note

You could wipe to linux also ;)

ToDO

• A bash script to install my stuff (why not)