kim-nguyenkhn / kim-dev-environment

🛠️💻🔑 My preferred tools & configuration.

kim-dev-environment

Handy VS Code Commands

• Add Cursors: Opt + Cmd + Up/Down
• Add Cursors to All Occurences: Cmd + Shift + L
• Copy current line below: Shift + Alt + Up/Down
• Jump to next occurence: Cmd + D
• Go to line number: Ctrl + G
• Open up Terminal/Panel: Cmd + J

VIM commands

{ and } - Move to the start/end of the previous/next code block (respectively)
ctrl + b - Moves the cursor and the screen up half a page
ctrl + d - Moves the cursor and the screen down half a page
ctrl + e - Moves the screen down one line

5k - move cursor 5 lines up
5j - move cursor 5 lines down

13k - move cursor 13 lines up
13j - move cursor 13 lines down

Visual Studio Code Extensions

Also see @viatsko's curated list on VS Code Extensions: https://github.com/viatsko/awesome-vscode

• github.copilot
• bracket-pair-colorizer
• es7-react-js-snippets
• gitlens
• EditorConfig
• prettier-vscode
• auto-rename-tag
• vscode-pull-request-github
• search-node-modules
• nbpreviewer
• vscode-styled-components
• vscode-colorize
• harsh.graphql-for-vscode
• rainbow-csv
• dotenv
• vscode.cpptools
• vsliveshare.vsliveshare
• vscode-graphql
• psi-header
• open-in-browser
• quokka-vscode: Live Scratchpad for JavaScript.
• ReactSnippets
• Material-theme

Browser Extensions

• Vimium (on both Firefox & Chrome) - Vimium provides keyboard shortcuts for navigation and control in the spirit of Vim.
• Ghostery - Ghostery is a powerful privacy extension. Block ads, stop trackers and speed up websites.
• Octotree - Extension to show code tree for GitHub. Useful for developers who frequently read source and do not want to download or checkout too many repositories.
• OctoLinker - Turns language-specific module-loading statements like include, require or import into links.
• VisBug - Very powerful browser tool to edit or style any page like an artboard.
• Refined Github - Extends Github to do even more?! Take notes, Microsoft?

Note-takers

• Notion - The best note-taker of them all. Markdown-compatible, shareable URL's, widgets for calendars, project boards, and more.
• BoostNote - Free Markdown note-taking app. MacOS, Windows.
• Sublime Text
• Evernote
• MacOS "Notes" App

MacOSX stuff

• SpectacleApp (Free)
• Alfred: A better Cmd+Space Spotlight/search tool.
• Rocket: "Mind-blowing emoji on your Mac."
• SourceTree: Free Git GUI.
• Colorpicker: Simple electron app for color-picking.
• Keyboard Maestro: Tool to create Keyboard Macros.
• ngrok ngrok exposes local servers behind NATs and firewalls to the public internet over secure tunnels.
• [Automator] Creates workflows/actions on MacOS X.
  • Can rename files prefixed with their Created At date

Terminal

• Dracula Theme for Terminal
• oh-my-zsh
  • powerlevel10k: The best theme for zsh, fully customizable.
• github-markdown-toc: Easy table-of-contents generator for Markdown files.
• diff-so-fancy
• zsh-autosuggestions
• Github CLI

Sketch Plugins

• sketch-syntax-highlighter: Highlights code syntax within a Text node very nicely.

Git Hacks

• git bisect: Use binary search to find the commit that introduced a bug