github-desktop/docs/contributing/tooling.md

Tooling Support for GitHub Desktop

Atom

Recommended packages:

• atom-typescript - syntax highlighting and intellisense for TypeScript
• atom-build-npm-apm - invoke all npm scripts straight from the editor by pressing F7 (requires atom-build)
• linter and linter-tslint - shows linter errors and warning in the editor

Visual Studio Code

The Desktop repository includes a list of recommended extensions:

1. Select the Extension view, select Show Workspace Recommended Extensions from the dropdown menu
2. Install all the extensions

Debugging

Chrome

1. Run the command npm run start
2. Open Chrome Dev Tools

React Dev Tools should automatically install itself on first start. If you would also like to use Devtron, run the command require('devtron').install() inside of the console in Chrome Dev Tools.

Visual Studio Code

1. Run the command npm run debug
2. Select the Debug view from the view bar
3. Select the process you would like to attach to (this will usually be the Renderer process)
4. Press F5 or the green play button