The only reason I even did so is that I was working on a TypeScript project also quite begrudgingly and I was tired of fighting with the editor and the compiler and all of the settings that I needed to make a TypeScript project work. And I do mean anything. This is a special page that goes through common keyboard shortcuts and concepts like multiple cursors, split panes, and keyboard shortcuts. Each of the examples are interactive so that you can practice the tutorials right inside the tutorials themselves. Besides, who reads welcome screens. For that, look no further than FiraCode and Font Ligatures. Font Ligatures Font Ligatures are fonts that contain special characters which are used to represent symbols that consist of more than one character. We have a lot of these in programming. First, and add it to your machine fonts. Go ahead, give it a try and see what you discover. I was also a little bit proud of my keyboard prowess and not at all ready to give that up. These are extensions that map all of its shortcuts well, almost all to other editors. There are keymaps for all of the popular editors including Sublime, Atom, Emacs and even Eclipse. I should note that I have since removed the Sublime Keymap. Think of the keymaps as training wheels: they are a good idea when you are just getting started, but at some point, you probably want to take them off. This is visual studio code pair programming a good way to share your configuration with colleagues. Some shops keep a central gist, and all new developers to the team visual studio code pair programming get the exact configuration with one simple command. However, I meet people almost every day who have either not heard of it, or they are new to development and are just learning about it. Another neat feature of Emmet that was new to me is the ability for Emmet to automatically provide image width and height just by looking at the image file linked in the src. You will see this if you add any settings to your User Preferences file. However, I find myself doing it from time to time for some odd reason or another, and having to look up the package version was always a giant pain for me. One less thing I have to guess at. Type Check Your JavaScript Remember that great TypeScript integration I told you about earlier. One of the little-known tricks is that you can use the TypeScript compiler to check plain JavaScript files as well. Prettier Prettier is a wonderful open-source code formatting tool. It is widely used by teams and individuals to make sure that coding styles are universal across projects and developers. It automatically reformats your code to match some defined standards, such as which column to wrap code on, how to format promises and whether to use single or double quotes. Once installed, you will see Prettier in the taskbar for any file that Prettier knows how to format. This will invoke Prettier whenever the file is saved. You can launch it by pressing Ctrl +. Multiple terminal sessions can be opened and will appear in the dropdown list at the top right of the terminal window. visual studio code pair programming I have had a hard time breaking my habit on the built-in terminal on Mac. Silly terminal tricks aside, one of the most important things that a developer can do to increase their productivity is to simply collaborate with other developers. We do this all the time. Some of us are lucky enough to sit next to each other. Some of us do it via Skype. It allows multiple developers to pair on a project instantly. Other developers can load up your project in their editor immediately and see your cursor in real time without having to configure anything on their end. This also works for debugging. If you start a debug session, the other person gets the same full debug experience right inside of their editor. They can even control the debug process by stepping in, out and over the code. If the other person changes your code, it changes in your editor as well. This is really hard to wrap your head around until you see it in action. I highly recommend watching this short demo. In fact, you might already be using it. Now that your co-workers have successfully fixed all your bugs hooray for collaboration. Git Integration I also have a hard time with Git on the terminal because it is a black box. There is an entire tab dedicated just to Git options. When viewing files in the Git tab, you get a side-by-side comparison between the original and the diff. Here are some of my favorites. This will launch your application and attach the debugger providing a visual studio code pair programming debug experience. This is when you set a breakpoint in the middle of a line of code. This is particularly useful for debugging promise chains, and any other places where you multiple functions on one line. The extension also enables publishing of your image to either Docker Hub or Azure Container Registry. This means that we typically debug front-end applications in the browser with the Chrome DevTools and the server portion in our text editor. You can even change the result of your query in the results pane and the changes will be persisted back to the database. If you want to deploy your apps to the cloud, you can do that without ever leaving the editor. Microsoft provides an extension called that will let you create new sites, manage existing ones and deploy your code either with a right-click or a pre-built shell script which automates the process of checking your code into
