vscode design (like animations ans other js css html addinh)
hi guys
i want to add a code with html css and js to the default page (im using vscode app in widows)(the default page is where u try to write the codes or generally the whole page with full size in the app)
so yea i wanted to add html and jss to the page but i didnt find anything that can add it so i ask it here
is there a way to add html css and js together or seperatly in the app if yes what should i install or do?
22 Replies
I'm really confused as to what you're asking
you mean in this window?
you just type in there
I think they maybe are thinking of codepen layout, with its 3 panels for html, css and js. I assume they don't know how to start a fresh html project in VS and import or connect various files.
hmm, if that's the case, you can split the editor and open different files in different panes by clicking this button at the top right:
if you hover over, it'll show instructions
you can click it to split vertically, or alt-click to split horizontally
you can also do it by dragging tabs
so sorry for late answer guys i mean
imagine its christmas and u got snow falling on ur site
no replace ur site with vscode app and u got snow falling animation on vscode
so i got the code and i know vscode app is in html
so how do i do it and add html to the code so it has a snow falling animation on vscode like it is a site
imagine having snow in here when u code
I have no idea what you're talking about. Like, just a visual thing?
imagine the white dots called snow
and its only visual and for beauty
i want them on vscode when i type
you can try to find a plugin that implements it
or you can try to implement it yourself
if still u dot undrestand my question
this is a another question imagine i want to change the theme of my vscode and i wanna add an option below it
how can i do that? im not looking for code just what to do to insert my code
can u explain how i got no idea with what or what to do and i know no plugin
and i answered your question
but i said "plugin" instead of "extension"
look into it in vscode
it's the last button, more at the top
here
ok and u know how to implent it myself?
if there isn't already an existing extension, you'll have to do some research on how to make your own extension. There's no other way to modify VS Code's layout
I'm sure there's a ton of good tutorials on youtube on making vscode extensions
i don't know if you will find exactly what you want, because you're trying to modify an ide
yea only changes i can see i can do is to css nowhere showed me the html adding elements or js adding
because you will have to make an extension for that, most likely
vscode-pets - Visual Studio Marketplace
Extension for Visual Studio Code - Pets for your VS Code
Check out this extensions repo maybe see how they did it
There is a few more like, confetti as you type.
tnx 🥲 a ton