Last Updated: 10/8/2016

Setting the Stage: The Need for an Extensibility Point

As of the 1.1.0-insider release of Visual Studio Code, there is support for configuring which command shell launches upon selecting the “Open New Command Prompt” (Windows) or the “Open in Terminal” (Linux & OS X) option from Command Palette. It may come as no surprise that the default shell for Windows is cmd.exe. And by the way, this default command shell setting is also configurable for both Linux and Mac OS X users. We’ll focus on improving the quality of Windows users’ lives for the remainder of this blog post.

While Windows 10 introduced some welcomed improvements to the native command shell, it’s still not enough to get me excited. Developers’ expectations, in terms of usability and productivity, have evolved; cmd.exe has largely ignored the demand for an improved user experience. For various reasons, my favorite choice for Windows is still Cmder. After all, extensive theming capabilities, a tabbed interface, Git integration, and pasting via the Ctrl + V keyboard shortcut are features I expect to have. The blatantly honest vernacular on their website echoes the frustrations of Windows users around the world:

Cmder is a software package created out of pure frustration over the absence of nice console emulators on Windows.

Configuring the Editor to Launch Cmder

As is the case with virtually any setting within the editor, there exists two options for persisting such settings. If the reach of your changes is intended to be merely the current project, Workspace Settings is the appropriate configuration file. If, on the other hand, you’d like the setting applied system-wide, User Settings is most apposite. Either JSON-based settings file can be opened via the File -> Preferences menu.

system_path_variable

After a program such as Cmder has been installed, the first critical step is to add it to the system’s Path environment variable. This is necessary so that Visual Studio Code can locate and launch its executable. In my case, Cmder was installed at C:\Program Files\Cmder. Consequently, a new entry corresponding to this path should be added to the system’s Path variable (see highlighted entry in screenshot).

Now that Visual Studio Code can locate the Cmder.exe file, configure the editor to launch it for every project on the system by going to File -> Preferences -> User Settings. A split-pane view will appear. In the left pane is a master list of settings which can be overridden. The right pane provides an opportunity to override settings. As a pro tip, you can easily traverse the contents of the left pane by setting your cursor there, opening Command Palette, and replacing “>” with “@“. After the “@“, simply type the name of the symbol to locate, and notice that the matches are filtered as you type.

In the aforementioned right pane, override the setting as follows:

Save the settings.json file, open Command Palette, select the “Open New Command Prompt command, and observe that Cmder is the new sheriff in town. No restart of Visual Studio Code is required.

Find below a screen capture demonstrating, from beginning to end, the configuring of Visual Studio Code to launch Cmder for all projects.

VS Code command shell configuration

Conclusion

Extensibility is a wonderful thing, and sometimes it’s the smallest extensibility points that make a world of difference in your development workflow. I really think the Visual Studio Code team nailed it with this feature. My only feature request would be to allow for the passing of CLI parameters to the executable. Oh, and in case Cmder isn’t your command shell of choice, you can use PowerShell, Git Bash, or whatever else you desire. In the case of PowerShell, simply use the following in User Settings’ settings.json file:

8 Comments »

  1. Hi Scott,
    Great post!
    I love Cmder too! Ever since your presentation @ MKE DOT NET last year, I started using and have never looked back. Thanks for sharing how to integrate this with VS Code!

    Like

    • At this time, there’s no way to do what you’re asking. The VS Code team is currently working on implementing tabs in the editor. It’s possible that the capability will be made available to us once that work is completed.

      Like

  2. Still hoping that we’ll be able to pass parameters to the shell executable so that I can pop a new Cmder tab instead of a whole new process and window. I think that’s still not possible at the moment, though.

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s