Ambience

Curated development environment must haves for my future self

VSCode

Work Optimization

• Quokka - Live Scratchpad for JavaScript.
• GitLens - Explore the history and evolution of a codebase.
• Search node_modules - Name defines it.
• TODO Highlight - // TODO: highlighter
• Color Highlight - Highlight web colors in your editor.
• tabOut - Escape out of quotes, brackets, etc with a Tab.

Code formatting

• Prettier - Custom code formatter.
• ESLint - Integrates ESLint into VS Code.
• Code Spell Checker - Spelling checker for source code - sometimes a bit obnoxious (use if really needed)
• Bracket Pair Colorizer - Customizable extension for colorizing matching brackets
• Highlight Matching Tag- Highlights matching closing or opening tag.
• Indented Block Highlighting - Highlights everything covered by the currently selected line's indentation level.
• Auto Rename Tag - Auto rename paired HTML/XML/JSX tag.

Extension support

• DotEnv - Support for dotenv file syntax.

Snippets

• Jest Snippets - Code snippets for testing framework Jest.

Nice to Have

• Rainglow - Many VSCode themes.
• gitignore - Right click on the file to be added in .gitignore.
• reload - Adds reload button to status bar in the right-bottom of your VSCode editor.
• Duplicate Action - Ability to duplicate files in VS Code.

Terminal

Homebrew

• brew install imagemagik Imagemagik - Convert an image from one format to another format easily
• brew install zsh - szh shell
• brew install speedtest-cli Speedtest - Checks the speed of your internet connection