slidevjs / slidev-vscode Goto Github PK
View Code? Open in Web Editor NEWVS Code extension for Slidev
Home Page: https://marketplace.visualstudio.com/items?itemName=antfu.slidev
License: MIT License
VS Code extension for Slidev
Home Page: https://marketplace.visualstudio.com/items?itemName=antfu.slidev
License: MIT License
I love that the preview follows my cursor while editing slides.md
.
Please add the same for <v-click>
elements.
I get the following message on VSCode :
However my server is up and running on http://localhost:3030/
If I hit reload in the top right corner of the preview pannel, it does nothing.
I am using VSCode 1.58.0 on windows on slidev-vscode 0.3.2
--- Edit :
It seems that if I start my server, then I start VSCode it works. Maybe it is just a reload problem.
Please add some documentation with at least a few figures and a quick GIF demo to make it clear, what is required to use this vscode extension and how to use it.
Currently slidev expects a package.json
in the root of the repository. However, some projects which might not be js-based and use sli.dev for slides in a subfolder, won't have this. It would be very convenient to be able to tell the extension where to find the slides.
I have tried forcing "slidev.enabled": true
in the workspace settings, but this has no effect.
Of course, opening that folder instead of the project root in vscode solves the problem.
Thanks for the extension!
Hello everyone, I installed this from VS Code extensions, but saw no Slidev icon in the activity bar. May I ask how can I use this extension?
Extension version: 0.2.0
VS Code version: 1.56.2
I update @slidev/cli to v0.35.5, installed globally and slidev-vscode is 0.4.0.
The .md file is in the project root, I also have @slidev/cli dep in project root pakcage.json. The slide could be open in browser. Slidev extension icon also appears in the activity bar. Convert current selection to HTML
works fine, Show slidev
and Go to previous slide
works fine.
However, The preview panel did not show up and Command 'Slidev: Focus side panel' resulted in an error (command 'slidev.focus-side-panel' not found)
and Command 'Slidev: Move slide up resulted in an error (Cannot read properties of undefined (reading 'info'))
, Move slide down
results in the same error as Move slide up
.
tl;dr;
type <v-c
trigger code complation -> <v-click>
, etc.
add windi language server, type <div class="|
-> trigger complation -> open windi complation.
The Slidev folder must be opened in VSCode as the root workspace folder. If the project is in a sub-folder, the extension is not activated, resulting in:
This might be the expected behavior. If so, perhaps there is a way to warn the user about this?
Hi and thank you very much for this wonderful VSCode extension and the great Slidev in general!
One problem I'm running into with VSCode and Slidev again and again is that the page breaks (---
) are barely visible in the IDE using any common VSCode theme.
I already tried overriding the setting in VSCode settings.json, but it simply doesn't work. Doesn't have any effect:
"editor.tokenColorCustomizations": {
"[Dracula]": {
"textMateRules": [
{
"scope": "meta.separator.markdown",
"settings": {
"foreground": "#aaff00",
}
},
{
"scope": "text.html.markdown",
"settings": {
"foreground": "#FFFFFF",
}
}
]
}
},
This is what it currently looks like (note the #2 and #3) are the breaks:
Would it be possible through this intention (or for now add it to the Slidev docs) to make these breaks more visible by default?
I hope, I'm not the only one struggling with this, using Slidev for the first time...
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.