π©βπ« VS Code as a presentation tool
Slides is a Visual Studio Code extension that helps you use your editor as a presentation tool.
π Read the blog post
This is inspired from AndrΓ© Staltz's post where he explained how you can use VS Code only to give a pleasant, "live coding"-like presentation.
Use Ctrl Alt P
(β β₯ P
on Mac) to toggle Slides mode.
When you activate Slides, a few things happen:
When you deactivate Slides, your original settings get restored.
Shortcut | Shortcut on Mac | Operation |
---|---|---|
Ctrl Shift Alt β |
β β |
Go to next slide |
Ctrl Shift Alt β |
β β |
Go to previous slide |
Ctrl Esc |
β Esc |
Deactivate Slides |
You can also re-use Toggle Slides mode to deactivate Slides.
If you want to change the default shortcuts, go in VS Code Preferences > Keyboard Shortcuts and search for
slides
. You should be able to override them.
Slides is opinionated. By default, you'll need to install:
If you don't want to use these, you can override Slides settings with the slides.vscodeSettings
configuration.
Here are the default settings of Slides you can override in your VS Code settings.
Name | Description | Default |
---|---|---|
slides.previewMarkdownFiles |
Preview Markdown files | false |
slides.folder |
Relative path to slides folder | Workspace root folder |
slides.vscodeSettings |
Custom settings for presentation mode | {} |
In your VS Code settings.json
you can set any valid VS Code setting you want to apply in presentation mode.
For example:
{
"slides.vscodeSettings": {
"workbench.colorTheme": "Frantic Light (rainglow)",
"editor.fontFamily": "Arial",
"terminal.integrated.fontFamily": "Arial",
"editor.fontSize": 42
}
}
Have a look at Slides default settings to learn more.
01.md
, 02.js
, 03.01.md
, 03.02.png
, etc.slides.previewMarkdownFiles
setting to render Markdown files for increased readability.slides.folder
setting to regroup your slides into a folder for better cohesion.When you enter presentation mode, the plugin writes a .vscode/settings.json
file in your project. If there was an existing one, it stores it in cache.
When you exit presentation mode, the plugin should restore the previous settings.json
(if there was one).
If you get stuck with the presentation style, even though you're not in presentation mode anymore (e.g. you've uninstalled the plugin), you can get rid of the .vscode/settings.json
file to get back to normal. You may lose the original project settings.json
if that happens, but I rarely saw that happen.
Have a look at our CHANGELOG to get the details of all changes between versions.
We follow SemVer convention for versionning.
That means our releases use the following format:
<major>.<minor>.<patch>
<major>
(and reset <minor>
& <patch>
)<minor>
(and reset <patch>
)<patch>
Read our contributing guide to learn about our development process, how to propose bugfixes and improvements, and how to build and test your changes to the extension.
To help you get your feet wet and become familiar with our contribution process, we have a list of good first issues that contains things with a relatively limited scope. This is a great place to get started!
Thanks goes to these wonderful people (emoji key):
Nicolas Carlo π€ π» π π π¬ |
Daniel Dickerson π π» |
Ethan Brown π€ π» |
Joe Paris π |
Marko V π€ π» |
Lucas Feliciano π» π |
Adam Sherwood π€ |
Tim Vahlbrock π |
This project follows the all-contributors specification.
Contributions of any kind are welcome!
π MIT