Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>SmoothTypeNew to Visual Studio Code? Get it now.

SmoothType

spikespaz

|
82,032 installs
| (17) | Free
Extension to modify Visual Studio Code to allow for a smooth cursor animation while typing.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

SmoothType for Visual Studio Code

This extension adds a smooth typing animation, similar to MS Office and the Windows 10 Mail app.

Downloads Rating

Get it from the Visual Studio Marketplace.

Note: Please scroll down and read the section labeled Important.

Preview

Preview #1 GIF

Commands

  • SmoothType: Enable Animation
  • SmoothType: Disable Animation
  • SmoothType: Reload Animation

Configuration

{
  // Duration in milliseconds for the cursor to travel from one character position (or line) to the next.
  "smoothtype.duration": 80,
  // Ask before restarting after a command is successfully run.
  "smoothtype.autoReload": false
}

After changing smoothtype.duration, you must run SmoothType: Enable Animation.

Important

Because Visual Studio Code does not have an API for modifying the editor CSS, this extension modifies the core index file that is loaded by the Electron browser. After enabling Smooth Typing, the editor may complain that it is corrupt, and ask you to reinstall. This is perfectly normal, and perfectly safe. Just click the cog on the top of the notification and elect to not be shown this message again.

The editor may also append [Unsupported] to the end of the window title. This is also fine.

If you would like to remove [Unsupported] from the title bar, I would recommend Jürg Lehni's Fix VSCode Checksums extension.

In the future I may implement the same functionality as that extension into SmoothType itself.

If you're on Linux where it is problematic to run VS Code as superuser, I have forked the extension to fix this issue. My pull request remains unmerged, but the functionality is improved.

It isn't on the Marketplace, but to use this extension just run the following commands.

$ cd ~
$ git clone https://github.com/spikespaz-forks/vscode-fix-checksums
$ cd vscode-fix-checksums/
$ npm install
$ npm install -g vsce
$ vsce package
$ code --install-extension vscode-fix-checksums-1.1.0.vsix

The last command may have a different filename, but there will be only one VSIX package in the directory.

After running those commands, run Reload Window and Fix Checksums: Apply in VS Code.

After every update, the extension must either be reloaded or enabled again.

You also have to restart Visual Studio Code after every reload or change.

Donations

If you would like to show appreciation for my work, I would gladly accept a small donation!

I will accept donations through PayPal.Me, Buy Me a Coffee, or Patreon.

Buy Me a Coffee PayPal.Me Patreon

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft