dotfiles

Table of Content

• ZSH Customization
• Visual Studio Code Configuration
• Git Configuration
• Eslint and Prettier

---

ZSH Customization

1) Install Homebrew

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

2) Install ZSH via Homebrew(installed at /usr/local/bin/zsh PS: Mac’s default ZSH is at /bin/zsh)

• brew install zsh

3) Use the Homebrew version of ZSH

• chsh -s /usr/local/bin/zsh

4) Logout and log back in.

5) Test if we are using ZSH and the correct ZSH

• echo $0 -> zsh //correct
• which zsh -> /usr/local/bin/zsh //correct

6) Install “Oh My ZSH”

• sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

7) Close and quit terminal and reopen it.

8) Open .zshrc

• open ~/.zshrc

9) Install Powerline fonts

• git clone https://github.com/powerline/fonts.git
• cd fonts
• ./install.sh

10) Change the Theme to “agnoster”

• ZSH_THEME="agnoster"
• ZSH themes

11) Close and quit terminal and reopen it.

12) Install the zsh-syntax-highlighting plugin’s repo and copy it to the “Oh My ZSH” plugins directory.

• git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting

13) Activate the plugin in ~/.zshrc by adding zsh-syntax-highlighting to the Plugins section

14) Re-read zshrc configuration

15) Install ZSH-AutoSuggestion Plugin

• git clone https://github.com/zsh-users/zsh-autosuggestions $ZSH_CUSTOM/plugins/zsh-autosuggestions

16) Open ~/.zshrc and add zsh-autosuggestions to the Plugins section

17) Re-read zshrc configuration

Visual Studio Code Configuration

1) Copy the config in setings.json from this repo to settings.json in your visual studio code

2) In your terminal select zsh to use all the power of zsh

3) Restart VSC

4) Extensions

1. carbon-now-sh
2. CSS Peek
3. ESlint
4. Live Server
5. SVG Viewer
6. vscode-spotify
7. WakaTime

Git Configuration

1) Copy the .gitconfig from this repo to your global .gitconfig

2) Restart your terminal

Eslint and Prettier

1. Node JS

1) install main packages

• npm i --save-dev eslint
• npm i --save-dev eslint-plugin-import
• npm i --save-dev eslint-config-airbnb-base
• npm i --save-dev prettier
• npm i --save-dev eslint-config-prettier - Disabling ESLint formatting rules
• npm i --save-dev eslint-plugin-prettier - Make ESLint use Prettier rules

2) install extensions

• ESlint
• Prettier

3) copy all files from eslint/node and added to the root directory and modify them as you want