Visual Studio Code 1.16 has been out for a while and this post is a summary of some features you may want to check out when using the editor. It also serves as an introduction or refresher for some. I include a few tips and tricks, extensions, and other resources.
Note: All features mentioned in this post were available at the time of writing but that may change over time and new features may be added.
What is Visual Studio Code?
Visual Studio Code is a cross-platform source code editor from Microsoft for Windows, Linux and macOS. It includes support for debugging, embedded Git control, syntax highlighting, intelligent code completion, snippets, and code refactoring. It is highly customizable, allowing users to change the theme, keyboard shortcuts, preferences, and install extensions that add additional functionality. The built-in debugging works for Node and can be configured to debug other platforms such as PHP with the proper extensions installed.
New Features in 1.16
This release included many updates for core features such as navigation inside and between files with Go to Definition improvements, more refactorings added to TypeScript/JavaScript with Extract function , Peek/Go to References , and Rename Symbol , and IntelliSense improvements with keyword completions.
Visual Studio Code 1.16 is here, and it brings improvements to scrolling behaviors, snippets, the terminal, file management and more.
Curious what’s new? Let’s take a look at some of these features!
New Features in VS CodeSee More Videos
Snippets for Import Statements
VS Code now has a built-in snippet support for import statements when working in JavaScript or TypeScript. The snippet uses Path IntelliSense which was added in VS Code 1.15 (see below). This means that you can use Tab to cycle through placeholders and also automatically complete matching paths as you type.
The snippet also supports ES6 style imports from node_modules as well as auto-completing on module names:
You can also use this feature with npm packages that were installed with –save-exact .
Visual Studio Code 1.16 is out today with several new features. The most interesting is perhaps the ability to import and export settings from within the app. This should make it easier to copy over settings between machines.
Other features of note include a new “Custom Editor” feature in the editor that allows you to open any file type within VS Code, support for foldable regions, a new setting (files.autoSave) to control when the editor saves files, and support for opening a folder in WSL mode via a command line parameter (/w).
For full details on what’s new in this release, see the release notes here.
Microsoft has just released version 1.16 of Visual Studio Code and it is packed with awesomeness! There are tons of new features, a few big new extensions and a lot of fixes. Microsoft continues to iterate on the product fast, which is great.
I honestly didn’t think I would be using Visual Studio Code anytime soon, but after using this editor for over a month now, I really like it. The thing I like about it most is that it’s not as complicated to use as Visual Studio or JetBrains Rider (which I use all the time). It has a small footprint, works well and looks nice.
In this post, I want to give you an overview of some features in Visual Studio Code 1.16 that you should check out and update your existing editor installation to get started with the new version!
Visual Studio Code 1.16 was released on May 9th, 2018.
Visual Studio Code 1.16 is out, and it brings a bunch of new features. In this post let’s have a look at some of the most noteworthy improvements:
The ability to navigate through a file by clicking on any symbol.
To show all references, you can now press Shift + F12 (which is the same as in Visual Studio).
Intellisense now supports filtering by camelCase.
Rename Refactorings are now available in JavaScript and TypeScript files (in addition to the existing support for C
Of course, it’s time for another Visual Studio Code update, and this one is packed with new features. The headline is the new JavaScript debugger by default (which means you no longer need to install an extension). We also get a faster editor; and improvements to the Explorer (including better support for Drag-and-Drop, file renaming and workspace creation). You can see some of these features in action in the video below.
The video also gives us a quick review of some of the key things we should know about Visual Studio Code, including how to get started, what extensions do and some hints and tips on using them. For example, it shows how IntelliSense autocomplete can be used with extensions like Python which provide type information.