# Devtool Setup

We recommand using webstorm or other jetbrain IDE. As most of our devtool setup is based on webstorm.

# Webstorm

  1. Enable Filewatcher for eslint --fix
  2. Setup remote debug attach so that you can set break point on webstorm when running j debug
  3. Setup bashscript support (for editing j scripts)
  4. Change javascript language version to Flow (Note that this project use typescript instead of Flow. But enable Flow allows better code completion in js)

The following should be enabled by webstorm by default. Please check they are activiated:

  1. Enable .editorconfig
  2. Enable ESlint
  3. Enable Typescript

# General Setup

We recommend you setup the following to speed up your productivity

  1. Bash completion
    • Git completion - brew install git bash-completion
    • Docker completion - brew install docker-completion
    • docker-compose completion - brew install docker-compose-completion
    • kubectl completion - kubectl completion bash > /usr/local/etc/bash_completion.d/kubectl
  2. Show git branch on terminal

Put the following into your ~/.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\] $ "