VS Code January Update: Quickly Fix TypeScript, JavaScript Errors

The January 2018 update of Microsoft's Visual Studio Code editor incorporates the new TypeScript 2.7.1 edition, allowing for quicker fixing of errors in TypeScript and even regular JavaScript files.

TypeScript 2.7 recently shipped with many new features, so many that some developers sparked a debate about the language's "bloat."

Bloated or not, the programming language's functionality provides several time-saving features for VS Code 1.20 users. A new Quick Fix lets developers select a flagged error in source code -- such as a method that has been declared but not yet implemented -- and fix it via options provided in the editor's lightbulb icon. If the same error exists in multiple locations in a file, devs can use a new "Fix all in file" option to address them in one action.

VS Code also now provides more intelligence when suggesting properties, such as when you type a dot after a variable name to bring up a list of possible properties that you can choose from. Now, those available properties will be presented even if they contain whitespaces or other non-identifier characters. What's more, choosing one of the suggestions automatically converts it to bracket accessor notation.

"As an example, let's say you want to use a unicorn emoji as one key in your JSON object and another key that contains a space within it," said Microsoft Cloud Developer Advocate Brian Clark in a video. "VS Code can intelligently suggest those keys and provide bracketed completions when you want to use them."

Another new TypeScript feature provides automatic member property suggestions, so when you start typing a property name and select the appropriate property from a list of possible matching properties that pops up, the required "this." prefix will automatically be prepended to the property.

The January 2018 update contains several more new features for TypeScript/JavaScript coding alone, in addition to the huge amount of tweaks to every aspect of the editor. These were provided with the help of dozens of open source community contributors.

In the TypeScript/JavaScript space alone, for examples, new features include:

  • Suggestions for optional TypeScript properties are now suffixed with a "?".
  • Auto-imports for JavaScript and TypeScript now support importing default exported objects based on filename.
  • Developers can extend VS Code's JavaScript and TypeScript language support via TypeScript plugins (for adding additional linting to a file or adding IntelliSense when working within JavaScript template strings, for examples).

Regarding the latter item, the VS Code team explained: "TypeScript plugins were first introduced in TypeScript 2.3, but they previously required installing plugins into your workspace with npm and then configuring a jsconfig.json or tsconfig.json file to load them. VS Code 1.20 simplifies this by allowing extensions to contribute a set of global TypeScript plugins that are automatically activated without any configuration. All you need to do is install the extension."

The team also detailed a slew of other highlights for the release concerning the workbench, editor, languages, debugging and more, boiling them down into this capsule summation:

More information on these and much more can be seen in the latest update post.

About the Author

David Ramel is an editor and writer for Converge360.

comments powered by Disqus


  • VS Code Java Team Details 5 Best Dev Practices

    Microsoft's Visual Studio Code team for Java development added a new Coding Pack for Java installer and detailed best practices for setting up a development environment.

  • Binary Classification Using PyTorch: Defining a Network

    Dr. James McCaffrey of Microsoft Research tackles how to define a network in the second of a series of four articles that present a complete end-to-end production-quality example of binary classification using a PyTorch neural network, including a full Python code sample and data files.

  • Blazor Debugging Boosted in .NET 5 RC 2

    In highlighting updates to ASP.NET Core in the just-launched second and final Release Candidate of .NET 5, Microsoft pointed out better debugging for Blazor, the red-hot project that allows for C# coding of web projects.

  • Block Stack

    Final Go-Live .NET 5 Release Candidate Ships Ahead of Nov. 10 Debut

    Having been deemed "feature complete" and "near final" and "go live" for some time now, .NET 5 is out in a second and final Release Candidate, scheduled for a Nov. 10 debut during .NET Conf 2020.

  • Edge Browser Dev Tools for VS Code Now Generally Available

    Microsoft has moved its Edge browser development tools for Visual Studio Code from preview to general availability, providing in-editor web site debugging and other functionality.

Upcoming Events