Skip to content

Tools and Extensions

Contents:

Overview

This page includes a collection of tools / extensions / other helpful utilities for developers on the team.

iTerm

A great alternative for the builtin MacOS terminal: Download Link.

Recommended Extensions:

CLI tools

Visual Studio Code (AKA "VS Code")

A powerful / open-source text editor and lightweight IDE: Download Link.

Recommended Extensions:

Recommended Extensions VSCode Extension ID
ES Lint dbaeumer.vscode-eslint
Spell checker streetsidesoftware.code-spell-checker
Prettier esbenp.prettier-vscode
Code Spell Checker streetsidesoftware.code-spell-checker
EditorConfig EditorConfig.EditorConfig
Html end tag labels anteprimorac.html-end-tag-labels
Increment selection albymor.increment-selection
Markdown All In One yzhang.markdown-all-in-one
Markdown lint DavidAnson.vscode-markdownlint
Markdown Mermaid bierner.markdown-mermaid
Path Intellisense christian-kohler.path-intellisense
Todo tree Gruntfuggly.todo-tree
Versionlens pflannery.vscode-versionlens
GitHistory donjayamanne.githistory
Paste Image mushan.vscode-paste-image
YAML redhat.vscode-yaml
Angular Language Service Angular.ng-template

At the moment we ask that you create your own VSCode extensions.json file so that VSCode prompts you to install all recommended extensions. If you want to add an extension to this list let us know or open up a PR!

TODO:add this to top level of repos

# .vscode/extensions.json
{
    "recommendations": [
        "albymor.increment-selection",
        "Angular.ng-template",
        "anteprimorac.html-end-tag-labels",
        "bierner.markdown-mermaid",
        "christian-kohler.path-intellisense",
        "DavidAnson.vscode-markdownlint",
        "dbaeumer.vscode-eslint",
        "donjayamanne.githistory",
        "EditorConfig.EditorConfig",
        "esbenp.prettier-vscode",
        "GitHub.github-vscode-theme",
        "Gruntfuggly.todo-tree",
        "ms-dotnettools.csharp",
        "mushan.vscode-paste-image",
        "pflannery.vscode-versionlens",
        "redhat.vscode-yaml",
        "streetsidesoftware.code-spell-checker",
        "webstp.extension-manager",
        "yzhang.markdown-all-in-one"
    ]
}

Useful VSCode MacOS Keyboard Shortcuts

These are commands our devs have found that add the most value to their workflow. We have avoided listing some of the more common commands such as for Saving and Closing Windows to keep this list short and helpful- mostly with VSCode-Specific commands

Task Command
Copy Line (empty selection) Cmd+C
Cut Line (empty selection) Cmd+X
Delete Line Shift+Cmd+K
Insert Line Above Shift+Cmd+Enter
Move Line Down/Up Opt+Down/Opt+Up
Copy Line Down/Up Shift+Opt+Down/Shift+Opt+Up
Go to End/Beginning of Line Cmd+RightCmd+Left
Open Command Palette Shift+Cmd+P
Open Settings Cmd+,
Global Find Cmd + Shift +F
Trigger Suggestion Cmd + Space
Multi Select Cursor Cmd + D
Quick Open Cmd + P
Toggle Line Comment Cmd + /

Rider C# IDE

Rider is used for backend/API development for our .NET apps. It is a full-featured and cross-platform .NET IDE, including built-in unit test execution, a powerful database client, and more.

You can download Rider here.

Troubleshooting

  1. When using the SQL client, there are some tables that will throw an Object reference not set to an instance of an object error when attempting to query them. This is a pesky issue, but can be easily rectified by changing the SQL client to the Microsoft SQL Server (Microsoft) driver (from the default Microsoft SQL Server (JetBrains) driver). See this issue in YouTrack for more details.

Chrome / Brave Extensions