VS code terminal cursor effect

Question

Can you tell me how to give below kind of effect to the VS code terminal cursor? It is really nice effect :)

score 8 · Accepted Answer · edited May 13 '17 at 16:33

8

To use a block cursor inside of VS Code, add the following to your VS Code preferences:

"editor.cursorStyle": "block"

The splash effect comes from the Hyper Terminal plugin hyperpower:

edited May 13 '17 at 16:33

Sampath

answered May 13 '17 at 15:56

Paul Halliday

Can you please tell the other step too? There is no extension on VS code as `hyperpower`? – Sampath May 13 '17 at 16:11
The `hyperpower` plugin comes from Hyper, the HTML5 based terminal. [Here's my Hyper config with an explaination](https://www.youtube.com/watch?v=8q0KITkJee0) This is unrelated to VS code, the block cursor can be used from within VS code as stated above, but the splash is related to the terminal itself. – Paul Halliday May 13 '17 at 16:16
Oh.. Is that mean I need to use the downloaded terminal to see that effects? What does this do then `"editor.cursorStyle": "block"`? In other words what for that? – Sampath May 13 '17 at 16:22
1

Yup. That effect is restricted to the terminal. The block cursor in VS code changes the cursor from the 'line' to the 'block' as seen with the terminal cursor, but without the splash effect. – Paul Halliday May 13 '17 at 16:31

1 Answers1