nicoespeon / vscode-slides Goto Github PK
View Code? Open in Web Editor NEW👩🏫 VS Code as a presentation tool
Home Page: https://marketplace.visualstudio.com/items?itemName=nicoespeon.slides
License: MIT License
👩🏫 VS Code as a presentation tool
Home Page: https://marketplace.visualstudio.com/items?itemName=nicoespeon.slides
License: MIT License
Normally, cmd+left,right
on macs behave like home/end on windows which is a shortcut I think many people use.
By default, you can already switch tabs with cmd+shift+[,]
, which is also common behavior on osx (for example in browsers or Finder) so maybe these added shortcuts can be left out.
Alternatively, you could only enable it in slide-mode, but then again it might be annoying while live-programming.
So far, the markdown is on the top line.
Especially for a presentation I think though vertically putting the markdown in the centre of it does not fill the screen would be nice.
Dear @nicoespeon,
Please publish this extension to the Open VSX marketplace.
Unfortunately, as Microsoft prohibits usages of the Microsoft marketplace by any other products or redistribution of .vsix
files from it, in order to use VS Code extensions in non-Microsoft products, we kindly ask that you take ownership of the VS Code extension namespace in Open VSX and publish this extension on Open VSX.
Open VSX is a vendor neutral alternative to the MS marketplace used by most other derivatives of VS Code like VSCodium, Gitpod, OpenVSCode, Theia-based IDEs, and so on.
You can read on about Open VSX at the Eclipse Foundation's Open VSX FAQ.
The docs to publish an extension can be found here. This process is straightforward and shouldn't take too long. Essentially, you need an authentication token and to execute the ovsx publish
command to publish your extension. There's also a doc explaining the whole process with an example GitHub Action workflow.
When toggling slide mode VSCode throws an error:
This command was renamed: microsoft/vscode#197227 . What's especially annoying is that the editor theming is changed, but wouldn't change back when toggling slide mode again.
Use one of the latest VSCode Versions (e.g. latest, 1.85.1)
Slide modes starts.
👩🏫 Add any other context about the problem here.
I have a few .gif, .webp and .png images between my slides. The extension only opens the .png ones and ignores the rest.
When presenting, all files are open and we see tabs. One could say this adds unnecessary visual information:
I'm mitigated on this one:
Thus, I think we should provide this as an option.
But most of all, I'd like to get your opinion before moving on this: do you need this? Why?
We expose an configurable option slides.tabsVisibility
with values "all" | "one" | "none"
(default is "all"
).
If config is "one" | "none"
, apply workbench.editor.showTabs: false
to settings.
If config is "none"
, apply CSS to display: none
everything inside the breadcrumbs title and add a little margin top to make it readable (3vh
is fine).
"all"
(default)We can still navigate between slides, but we don't see the tabs anymore.
Related issue on VS Code: microsoft/vscode#33607
When accessing a folder under WSL on Windows 10 an appropriate settings.json
file is created when launching VS Code Slides but it is not saved nor applied. Instead, I am prompted to save the file at which point the changes are applied. But, when I leave presentation mode my original settings are not re-applied until I close and restart VS Code. Even then, I have to reset my color theme manually.
Open a remote WSL folder containing markdown files and press ctrl+alt+p
to engage presentation mode.
Current editor settings are saved, presentation-friendly settings are applied, and every file in the open folder is opened in its own tab in the editor. Upon leaving presentation mode, original settings including color theme should be re-applied without requiring a restart of the program or manual intervention.
👩🏫 Add any other context about the problem here.
This happens when opening a folder in the WSL file system using Microsoft's Visual Studio Code Remote - WSL extension.
When running VS Code Slides a new settings.json
file is created but not saved and therefore does not get applied. Further, all markdown files are open in the same tab.
Open a folder containing markdown files and press ctrl+alt+p
to engage presentation mode.
Current editor settings are saved, presentation-friendly settings are applied, and every file in the open folder is opened in its own tab in the editor.
When I present code, I want to focus on what I say. Thus, I like to record the code in advance, so I can make it appear progressively in VS Code without thinking too much about the typing.
Today, I use https://github.com/jevakallio/vscode-hacker-typer to record and replay code.
But it has some bugs and missing features. Despite having open issues and PRs, the extension seems to be abandoned. I proposed my help to the author, but he doesn't seem to have time to dedicate to the project anymore.
So I need to scratch my own itch and implement the features I need, directly into Slides.
At least, a way to:
Nice-to-have features would be:
01.md
02.ts
03.ts <-- this will won't open when I switch to presentation mode
Tell us what you need help with.
Steps to replicate.
Now the enlarged font size is still enabled and i cannot get it back to normal. When i reinstall again and enable it, it goes even bigger. HELP.......... :(
We're currently using the Light+ theme from VS Code, which is great because it's natively installed & good enough.
I'd like to add some tweaks to make the raw Markdown even more readable:
It would be nice if we could customize the key bindings. Currently on windows the plugin overrides the default behavior of ctrl+left and ctrl+right. That is a common binding for moving the cursor by word boundaries. When this plugin is loaded (not even running) it overrides that behavior.
Add key bindings to the settings.
Hello,
I've seen this issue and have the same problem. I see that the original defect was solved by removing extensions, woulda been cool if they had mentioned which extensions, but whatever.
I've installed the Slides extension, the recommended theme and font. Ctrl-Alt-P displays the error.
Running Toggle Slides Mode from the command palette also shows the same error
Version: 1.63.2
Commit: 899d46d82c4c95423fb7e10e68eba52050e30ba3
Date: 2021-12-15T09:39:46.686Z
Electron: 13.5.2
Chromium: 91.0.4472.164
Node.js: 14.16.0
V8: 9.1.269.39-electron.0
OS: Linux x64 5.16.2-arch1-1
Any suggestions?
Dumping this idea out of my head: being able to export the slide deck as a PDF.
I'll likely work on this the next time I need to do a presentation (obviously, COVID had an impact on that, switching my priorities).
If possible could you make it so we can overwrite the other theme parameters that your package sets? I love the package but I am trying to change it to a dark theme but I can't because lineHighlightBackground
is set to #FFFFFF
and I can't overwrite it.
First really thank you for this extension !
When the new markdown preview feature is enabled, I was wondering if it could be possible to open the markdown file directly in preview mode. This could prevent the double loading frame:
When activating slide mode, the extension states:
I failed to open all slides because: Error: ENOENT: no such file or directory, scandir '/c:/dev/presentations/vscode'
Use windows, create a folder for a new presentation, add a single markdown file, 01.md
. Activate slide mode.
Loads the first markdown file in slide mode.
The extension is great, however I have found that I can use the Control and arrow keys to move to the end or beginning of a word as per the cursorWordEndRight
and cursorWordEndRight
commands. I have experienced this issue in both Markdown and Python files after installing the extension. Also, after disabling it and reloading Code, it appears to work again. Re-enabling the extensions causes it to fail again.
I'm afraid I do not have concrete steps for reproducing since this happens by just enabling the extension. I am also NOT in Slides mode when trying this.
The cursor should be able to skip words correctly when not in Slides mode.
Thank you very much for your time and this extension.
I try to keep my content that I work with separate so it's easier to maneuver when looking at the repository. I'll have separate folders for each example and sometimes for ad-hoc scripts that we do during the presentation. Being able to specify a specific folder where the slides are located would be a big plus.
Switching between presentation mode and editing the slides often/quickly enough can cause the settings.json in the workspace to be overwritten by some template. And what is "quickly enough" seems to vary.
This template is inserted instead into the settings.json
{"//a":"This theme is familiar to devs","!a":"You need to install this theme","workbench.colorTheme":"GitHub Clean White","//b":"Minor tweaks to improve contrast & make cursor stands out","workbench.colorCustomizations":{"editorCursor.background":"#ffffff","editorCursor.foreground":"#0000bb","editor.lineHighlightBackground":"#f0f0f0","editor.selectionBackground":"#aaeeff"},"//c":"Clean the screen from unnecessary elements","workbench.statusBar.visible":false,"workbench.activityBar.visible":false,"editor.minimap.enabled":false,"//d":"Just rely on the tabs on top to keep full screen width","explorer.openEditors.visible":0,"//e":"Mimic GitHub style","editor.renderWhitespace":"none","editor.renderIndentGuides":false,"//f":"This is GitHub font style","!f":"You need to install this font on your machine","editor.fontFamily":"Inter","terminal.integrated.fontFamily":"Inter","//h":"Make the text big enough to be comfortable","editor.fontWeight":"600","editor.fontSize":24,"terminal.integrated.fontWeight":"800","terminal.integrated.fontSize":28,"//i":"Rely on a simple shell, avoid fancy configuration","!i":"It's even better if you add `export PS1='\\$ '` to your .bash_profile","terminal.integrated.shell.linux":"/bin/bash","terminal.integrated.shell.osx":"/bin/bash","//j":"Prevent the editor to magically edit code on save","editor.formatOnSave":false,"//k":"Disable preview so we can open all files at once","workbench.editor.enablePreview":false,"slides.previewMarkdownFiles":true}
Switch "quickly" enough between presentation and editing mode.
Not to get my workspace settings.json to be overwritten.
Slides version: 3.2.1
VSCODE
Presentation mode doesn't adhere to the workspace settings for the terminal configuration or just about any custom configuration. If I've set the fontSize to 18 it's loading something entirely different when in presentation mode. Same thing if I set markdown fontSize to 24 it's shown in the normal preview window, but in slides' presentation view, it's not.
If I set workbench.statusBar.visible to true in settings.json, it's not in presentation mode.
Configure a custom workspace settings.json file to contrain overrides and more useful and working settings but once you then start with slides in presentation-mode, it's still loading erronous/wrong/default settings.
That my workspace settings are actually adhered to when I run in presentation mode.
Terminal in non-presentation mode
When opening the repository with vscode and trying to launch the exension for debugging, the launch task never launches. This is because the launch task depends on a prelaunch task completing, npm watch
. Since this task never completes, the extension never runs.
It might be better to document that you need to run the npm watch task before you try launching the extension. 🤷♂
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.