Microsoft Create: Serverless - Developer Hacks and Tools we wished we knew sooner
Tags: mscreate, productivity, development
Published: 2020-09-30 21:21:14

---
title: Microsoft Create: Serverless - Developer Hacks and Tools we wished we knew sooner
published: true
description: A quick dump of all the things we talked about at an open mic session of Microsoft Create: Serverless
tags: mscreate, productivity, development
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/4m0yyzj12dyyswbgr4dl.jpg
---

As part of the [Microsoft Create: Serverless](https://createserverless2020.splashthat.com/) conference, we just wrapped up the "Open Mic Session 5 - Developer Hacks and Tools we wished we knew sooner" session. I was happy to co-host this one with [Marie Hoeger](https://twitter.com/_MHOEGER) and we had a group of about 20 people sharing for 45 minutes the things that make them more effective as developers.

Here is a dump of all the cool things we talked about, in case you also want to get more effective. 

The big topics where learning about keyboard shortcuts, features of developer tools you may not know about and extensions for both the browser and Visual Studio Code.

## General tips:

* [PowerToys](https://github.com/microsoft/PowerToys) recently added a [video conference tool](https://github.com/microsoft/PowerToys/wiki/Video-Conference-Mute-Overview). you can mute / un-mute and turn on/off your cam across Teams or Zoom calls.
* [Running EasyAuth locally](https://hajekj.net/2020/05/01/running-easyauth-locally/) is a blog post about setting up a docker instance to test [EasyAuth](https://hajekj.net/2020/05/01/running-easyauth-locally/)
* [Azure Functions Input Binding for JWT Tokens](https://github.com/nikneem/azure-functions-jwt-binding) - an Azure Functions binding validating JWT Tokens for HTTP Triggered Azure Functions.
* [Running a business on the power on PowerPlatform and Azure Functions](https://www.eliostruyf.com/running-online-store-powerplatform-azure/)

## Keyboard shortcuts: 

* `Ctrl|CMD + Shift + V` toggles the Microphone in Microsoft Teams with - much more responsive than the icon
* `Ctrl|CMD + Shift + V` pastes content into Microsoft Teams chats without formatting
* `Ctrl|CMD + Shift + Alt|Option + ArrowUP` (or down) for multi-line editing in VS code
* `Alt|Option + ArrowUp (or ArrowDown)` moves the line of code in your document and keeps the indentation
* `Alt|Option + Shift + ArrowDown` + duplicates the current line

## Browser Extensions: 

* [Tabagotchi](https://chrome.google.com/webstore/detail/tabagotchi-by-breather/ojahbhfflnbaiddhnkgeccgopmedjjen) - a Tamagotchi in your browser whose mood depends on your amount of tabs. Fewer tabs: happy Tamagotchi, more tabs: angry Tamagotchi.
* [Accessibility Insights](https://accessibilityinsights.io/docs/en/web/overview/) is an extension to test the accessibility of your web product and file bugs directly from the interface.
* [Test and feedback](https://marketplace.visualstudio.com/items?itemName=ms.vss-exploratorytesting-web) is an extension for Azure DevOps to capture findings, create issues, and collaborate with the team, directly from the browser.

## VS Code extensions

* [Microsoft Edge Developer Tools for VS Code](https://aka.ms/elements4code) embeds the visual tools of the browser (like the CSS editor) right into VS Code without having to jump from editor to browser and back all the time
* [Webhint for VS Code](https://aka.ms/webhint4code) embeds [Webhint](https://webhint.io) into your code and tells you while you develop if you are doing things wrong in terms of accessibiity, performance, app-readiness, compatibility and more.
* [REST Client for VS Code](https://marketplace.visualstudio.com/items?itemName=humao.rest-client) allows you to run REST requests directly from source code
* [Error Lens](https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens) shows errors with explanations directly on the line of code they happen
* [Bracket Pair Colorizer](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2) shows nested brackets in different colours making it easier to navigate your code
* [TypeScript Export All Modules](https://marketplace.visualstudio.com/items?itemName=eliostruyf.vscode-typescript-exportallmodules) - VSCode extension which generates an `index.ts` file with all the module exports from the current directory.
* [Front Matter](https://marketplace.visualstudio.com/items?itemName=eliostruyf.vscode-front-matter) - simplifies working with front matter of your articles. Useful extension when you are using a static site generator like: Hugo, Jekyll, Hexo, NextJs, Gatsby, and many more...
* [MarkdownLint](https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint) - Markdown linting and style checking for Visual Studio Code

It was fun to run such an informal session and I want to thank everybody involved.