News

New JavaScript Debugger Now Default in VS Code 1.47 (June 2020 Release)

Oft-cited No. 1 development tool Visual Studio Code has a new debugger for the oft-cited No. 1 programming language, JavaScript.

Having been offered in preview versions of Microsoft's popular open source, cross-platform code editor for months -- and as the default in last month's Insiders build -- it's now enabled by default in the June 2020 release (version 1.47), working with Node.js and Chrome.

The debugger's GitHub site lists "what's new" including:

  • Debug child process and workers
  • Debug Node.js processes in the terminal
  • Profiling support
  • Easy npm script debugging
  • Automatic browser debugging
  • Instrumentation breakpoints
  • Better autocompletion in debug console
  • Return value interception
  • Top-Level await
  • Pretty-print minified sources
  • Support for Microsoft Edge and WebView2
  • Better sourcemap and breakpoint behavior
  • Copy values in call stack view

Furthermore, this week's post announcing VS Code 1.47 lists:

  • Single file debugging: This provides functionality found in other debug extensions, with new icons in the title area indicating debugging can be kicked off with a button click.
  • If one or both of these icons show up on the left-hand side of the editor's title area, then running or debugging the file in the editor is just one click away.
    [Click on image for larger view.] If one or both of these icons show up on the left-hand side of the editor's title area, then running or debugging the file in the editor is just one click away. (source: Microsoft).
  • Less cluttered CALL STACK view: This is achieved by hiding debug session nodes that exist for technical reasons, but do not provide much value to users.
  • New command alias Set Next Statement for Jump to Cursor: To make the command Jump to Cursor more discoverable for users coming from Visual Studio, the dev team added the command alias Set Next Statement.
  • Breakpoint Path on Hover: In the BREAKPOINTS view, hovering over a source breakpoint shows its absolute path.

Besides all that JavaScript debugging goodness, the June 2020 release of VS Code sees:

  • Accessibility improvements -- New screen reader capabilities: "Screen readers can now update the cursor offset in the editor. As a result, the screen reader 'Say All' command should work better when stopped and resumed."
  • Windows ARM builds -- Windows on ARM is now available in stable: This is pretty self-explanatory, and you can read more about it this GitHub issue and this Reddit conversation.
  • Source Control unified view -- All repositories displayed in a single view: Developers can now get a better overview of the entire workspace status. Also, devs can now move the Source Control view to the panel and move other views to the Source Control view container.
    All repositories are rendered in a single view to provide a better overview of the entire workspace status.
    [Click on image for larger view.] All repositories are rendered in a single view to provide a better overview of the entire workspace status. (source: Microsoft).
  • View and sort pending changes -- View files as a tree or list, sort by name, path, or status: Developers can sort changes in the source control view by name, path (default), and state with the list view option. The view options (list vs. tree) and sort options are consolidated into a new View & Sort menu item available in the context menu.
  • Edit complex settings -- Edit object settings from the Settings editor: "Before, the Settings editor could only be used to edit the settings of primitive types, like strings and booleans, and you needed to edit settings.json directly for more complicated settings types. Now, you can edit non-nested object settings from the Settings editor. Extension authors can use this functionality to increase the visibility of these kinds of settings."
  • New HexEditor extension -- Edit files in hexadecimal format from within VS Code: This functionality, providing for native hexadecimal editing in the editor, sees continued improvement including the ability to undo, redo, edit existing hex cells, add new cells to the end of the document), and large file optimization such that developers can now open files larger than 18 MB.
  • Notebook UI updates -- Improved UX and undo/redo support: Still in preview, a GitHub Issue Notebooks extension helps developers search GitHub issues and pull requests.
  • Remote Development tutorials -- Learn to develop over SSH, inside Containers, and in WSL: Specifically, these are:

    Other Remote Development functionality includes:

    • Remote -- SSH: Remote server can listen on a socket instead of a port.
    • Remote -- Containers: Prompt to open repository in a volume.
    • Remote -- Containers and WSL: More details are available in this WSL 2 blog post.
  • Java Pack Installer for macOS -- This sets developers up to develop in Java with VS Code on macOS: A new Visual Studio Code for Java Pack Installer (note: clicking on link may initiate download) automates the acquisition of dependencies and extensions for Java development on macOS. This was announced in last month's update to Java on Visual Studio Code.

All of the above and more is presented in greater detail in the announcement post.

About the Author

David Ramel is an editor and writer for Converge360.

comments powered by Disqus

Featured

  • Creating a Progressive Web App with Blazor WebAssembly

    Not surprisingly, it's dead easy to create an app in Blazor that runs outside of the browser window and (potentially) in an offline mode. Before you get carried away, though, there are some key design decisions to make.

  • GitLab Takes Over VS Code Extension, Plans Improvements

    DevOps specialist GitLab has officially taken over the control of a GitLab extension for Microsoft's open source, cross-platform Visual Studio Code editor.

  • VS Code Python Tool Now Does Native Notebooks

    The Python Extension for VS Code Insiders team is previewing the newest implementation of notebooks, used frequently in data science with offerings such as Jupyter Notebooks.

  • As .NET 5 Nears, Content/Documentation Reorganization Starts

    A GitHub project is seeking to reorganize documentation and developer content in advance of the November debut of .NET 5, a unification of all things .NET that combines. .NET Core and other components.

  • Windows Devs Get Cross-Platform Page, Issues Repo

    Developers doing their coding on the Windows OS have received two new resource gifts from Microsoft: a new landing page for those using cross-platform technologies and a new GitHub repo with which to report issues to Windows engineering teams.Developers doing their coding on the Windows OS have received two new resource gifts from Microsoft: a new landing page for those using cross-platform technologies and a new GitHub repo with which to report issues to Windows engineering teams.

.NET Insight

Sign up for our newsletter.

Terms and Privacy Policy consent

I agree to this site's Privacy Policy.

Upcoming Events