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


  • AI for GitHub Collaboration? Maybe Not So Much

    No doubt GitHub Copilot has been a boon for developers, but AI might not be the best tool for collaboration, according to developers weighing in on a recent social media post from the GitHub team.

  • Visual Studio 2022 Getting VS Code 'Command Palette' Equivalent

    As any Visual Studio Code user knows, the editor's command palette is a powerful tool for getting things done quickly, without having to navigate through menus and dialogs. Now, we learn how an equivalent is coming for Microsoft's flagship Visual Studio IDE, invoked by the same familiar Ctrl+Shift+P keyboard shortcut.

  • .NET 9 Preview 3: 'I've Been Waiting 9 Years for This API!'

    Microsoft's third preview of .NET 9 sees a lot of minor tweaks and fixes with no earth-shaking new functionality, but little things can be important to individual developers.

  • Data Anomaly Detection Using a Neural Autoencoder with C#

    Dr. James McCaffrey of Microsoft Research tackles the process of examining a set of source data to find data items that are different in some way from the majority of the source items.

  • What's New for Python, Java in Visual Studio Code

    Microsoft announced March 2024 updates to its Python and Java extensions for Visual Studio Code, the open source-based, cross-platform code editor that has repeatedly been named the No. 1 tool in major development surveys.

Subscribe on YouTube