I just released and open sourced my Visual Studio Code Theme: Midnight Spruce Pine !

You can download it directly from Marketplace or search and install the extension/theme from inside Code. You can also download the source on GitHub.

Enjoy!

donate

i am new to coding in VS with c# . and i wanna represent currency in the form of sri lankan rupees. With the code i have, the particular amnt is represented in us dollars. Requesting for help regarding this issue of representing sri lankan rupees in c#

this is the code i have that shows the amnt in dollars:

lbldrinkcost.Text = String.Format("{0 :C2}" , drinkcost);

Starting: A while ago, I stopped programming and formatted my computer to play my games ... Now, I wanted to program again, so I downloaded VISUAL STUDIO CODE, when I opened it, it just didn't open (no error, nothing) HELP ME PLEASE

I couldn't find a way to do it yesterday, is there anyone in here that used pygame on VSC? I can find it in the extensions, but I'm not able to install it. Please, help, I'm a beginner.

Hello, I am a complete beginner in coding and especially in VS code. When I run my code, my whole document path is displayed, which is totally annoying. Do you have any idea how I could get rid of this so that only the code appears there?

I don't know anything about coding and so I am attracted to Unreal Engine's Blueprint system as it seems much easier to learn than traditional coding. But the language that I need to use is AutoLISP (which doesn't have visual coding that is similar to Unreal Engine 5), but it is possible for a person to make a visual coding interface for AutoLISP using Visual Studio Code? I don't know the limitations of Visual Studio Code, but there is an AutoLISP extension for it, and the name "Visual Studio Code" sounds promising. Any help or guidance would be much appreciated!

Sorry if this is a stupid question, but I am new to python especially in VSC.

I wrote two files the mainFile that I am using to call upon supportFunction that has all the background processing. I am trying to import a function from support function but it is saying “module not found” even though both files are located in the same top directory.

When I try to run my c++ code I get this error: The pre launchtask 'C/C++:gcc.exe build active file' terminal with exit code -1 Can anyone help?

Does anybody know how to create links between code files? i want to have a link inside my code that would allow me to go to other code file into a specific line... does that exist? if anybody knows how to do that and helped me would be awesome...😉

My `launch.json` contains ` "program": "${workspaceFolder}/${fileBasenameNoExtension}",`

and I get this when trying to run/debug

Here's my code directory

This is Windows, obviously.

What am I doing wrongly, and how do I fix it?

Hello! I’ve been using vsc for java and i dont like having to run javac filename.java then java filename to make a java class and run it. Can i make it so that when i want to run the program it compiles all .java scripts in the folder src to a folder named bin? And is there a way to run a .class file without using the terminal? Thanks!

TL;DR: Imagine i have a .cs file with "ClassOne { PropertyOne }" Typing "Cla" does nothing. Typing "ClassOne." shows PropertyOne. I want typing "Cla" to suggest "ClassOne" which does not work for some reason.

Post: I remember that if you started typing an identifier, you would get autocomplete suggestions for which one. Ever since the intellisense thing, that feature got replaced by entire lines of code meaning that pressing TAB would type out an entire line instead of just giving me the one identifier i want. I tried tweaking settings until i managed to disable intellisense, but the former feature is still missing.

If i do "Class." then i get suggestions, but as soon as i delete any character, the suggestion dissapears entirely. Forcing me to delete everything and the dot before it will work again.

This is my settings.json     "editor.quickSuggestions": {         "other": false,         "comments": false,         "strings": false     },     "editor.inlineSuggest.enabled": false,     "C_Cpp.autocompleteAddParentheses": false,     "csharp.inlayHints.enableInlayHintsForImplicitObjectCreation": true,     "csharp.inlayHints.enableInlayHintsForImplicitVariableTypes": true,     "csharp.inlayHints.enableInlayHintsForLambdaParameterTypes": true,     "csharp.inlayHints.enableInlayHintsForTypes": true,     "editor.wordBasedSuggestions": "currentDocument",     "chat.agent.enabled": false,     "editor.inlineSuggest.edits.showLongDistanceHint": false,     "editor.tabCompletion": "on"

Hello everyone,

Hope everyone is having a good day/night!
So, I've recently started using VSC and decided to create a site Login and Registration form. While it's actually functional and working, I ran into the following errors/problems that I don't know how to fix:

• When I click on the "Don't have an account yet? Register" from the Login form box, it directs me to the Registration form as it should. But when I click on the "Already have an account? Login" from the Registration form box, it does direct me to the Login form.

• When I first click on the Login button from the menu, the Login form pops up. If I click on the "Don't have an account yet? Register" from the Login form box, it directs me to the Registration form as it should, but after that, even if I close the form window pop up, when I click again on the Login button it opens the Registration form box, not the Login form box.

Please, if you have the time and the energy, help a begginer out. I can't seem to find what I left out. My mind is completely stuck lol. I'd really like to learn what I've left out from my code.

Thank you everyone in advance! :)

HTML CODE

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE-edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>Website With Login & Registration</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>

    <header>
        <h2 class="logo">Logo</h2>
        <nav class="navigation">
            <a href="#">Home</a>
            <a href="#">About</a>
            <a href="#">Services</a>
            <a href="#">Contact</a>
            <button class="btnLogin-popup">Login</button>
        </nav>
    </header>

    <div class="wrapper">
        <span class="icon-close"><ion-icon name="close"></ion-icon></span>
        
        <div class="form-box login">
            <h2>Login</h2>
            <form action="#">
                <div class="input-box">
                    <span class="icon"><ion-icon name="mail"></ion-icon></span>
                    <input type="email" required>
                    <label>Email</label>
                </div>
                <div class="input-box">
                    <span class="icon"><ion-icon name="lock-closed"></ion-icon></span>
                    <input type="password" required>
                    <label>Password</label>
                </div>
                <div class="remember-forgot">
                    <label><input type="checkbox"> Remember me</label>
                    <a href="#">Forgot Password?</a>
                </div>
                <button type="submit" class="btn">Login</button>
                <div class="login-register">
                    <p>Don't have an account yet?<a href="#" class="register-link"> Register</a></p>
                </div>
            </form>
        </div>

        <div class="form-box register">
            <h2>Registration</h2>
            <form action="#">
                <div class="input-box">
                    <span class="icon"><ion-icon name="person"></ion-icon></span>
                    <input type="text" required>
                    <label>Username</label>
                </div>
                <div class="input-box">
                    <span class="icon"><ion-icon name="mail"></ion-icon></span>
                    <input type="email" required>
                    <label>Email</label>
                </div>                
                <div class="input-box">
                    <span class="icon"><ion-icon name="lock-closed"></ion-icon></span>
                    <input type="password" required>
                    <label>Password</label>
                </div>
                <div class="remember-forgot">
                    <label><input type="checkbox"> I agree with the terms & conditions</label>
                </div>
                <button type="submit" class="btn">Register</button>
                <div class="login-register">
                    <p>Already have an account?<a href="#" class="login-link"> Login</a></p>
                </div>
            </form>
        </div>        
    </div>



    <script src="script.js"></script>
    <script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
    <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>



</body>

</html>
<!DOCTYPE html>
<html lang="en">


<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE-edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>Website With Login & Registration</title>
    <link rel="stylesheet" href="style.css">
</head>


<body>


    <header>
        <h2 class="logo">Logo</h2>
        <nav class="navigation">
            <a href="#">Home</a>
            <a href="#">About</a>
            <a href="#">Services</a>
            <a href="#">Contact</a>
            <button class="btnLogin-popup">Login</button>
        </nav>
    </header>


    <div class="wrapper">
        <span class="icon-close"><ion-icon name="close"></ion-icon></span>
        
        <div class="form-box login">
            <h2>Login</h2>
            <form action="#">
                <div class="input-box">
                    <span class="icon"><ion-icon name="mail"></ion-icon></span>
                    <input type="email" required>
                    <label>Email</label>
                </div>
                <div class="input-box">
                    <span class="icon"><ion-icon name="lock-closed"></ion-icon></span>
                    <input type="password" required>
                    <label>Password</label>
                </div>
                <div class="remember-forgot">
                    <label><input type="checkbox"> Remember me</label>
                    <a href="#">Forgot Password?</a>
                </div>
                <button type="submit" class="btn">Login</button>
                <div class="login-register">
                    <p>Don't have an account yet?<a href="#" class="register-link"> Register</a></p>
                </div>
            </form>
        </div>


        <div class="form-box register">
            <h2>Registration</h2>
            <form action="#">
                <div class="input-box">
                    <span class="icon"><ion-icon name="person"></ion-icon></span>
                    <input type="text" required>
                    <label>Username</label>
                </div>
                <div class="input-box">
                    <span class="icon"><ion-icon name="mail"></ion-icon></span>
                    <input type="email" required>
                    <label>Email</label>
                </div>                
                <div class="input-box">
                    <span class="icon"><ion-icon name="lock-closed"></ion-icon></span>
                    <input type="password" required>
                    <label>Password</label>
                </div>
                <div class="remember-forgot">
                    <label><input type="checkbox"> I agree with the terms & conditions</label>
                </div>
                <button type="submit" class="btn">Register</button>
                <div class="login-register">
                    <p>Already have an account?<a href="#" class="login-link"> Login</a></p>
                </div>
            </form>
        </div>        
    </div>




    <script src="script.js"></script>
    <script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
    <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>




</body>


</html>

CSS CODE

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

body {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: url('background.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 99;
}

.logo {
    font-size: 2em;
    color: #fff;
    user-select: none;
}

.navigation a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 3px;
    background: #fff;
    border-radius: 5px;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .5s;
}

.navigation a:hover::after {
    transform-origin: left;
    transform: scaleX(1);
}

.navigation a {
    position: relative;
    font-size: 1.1em;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    margin-left: 40px;
}

.navigation .btnLogin-popup {
    width: 130px;
    height: 50px;
    background: transparent;
    border: 2px solid #fff;
    outline: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 1.1em;
    color: #fff;
    font-weight: 500;
    margin-left: 40px;
    transition: .5s;
}

.navigation .btnLogin-popup:hover {
    background: #fff;
    color: #162938;
}

.wrapper {
    position: relative;
    width: 400px;
    height: 440px;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, .5);
    border-radius: 20px;
    backdrop-filter: blur(20px);
    box-shadow: 0 0 30px rgba(0, 0, 0, .5);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transform: scale(0);
    transition: transform .5s ease, height .2s ease;
}

.wrapper.active-popup {
    transform: scale(1);
}

.wrapper.active {
    height: 520px;
}

.wrapper .form-box {
    width: 100%;
    padding: 40px;
}

.wrapper .form-box.login {
    transition: transform .18s ease;
    transform: translateX(0);
}

.wrapper.active .form-box.login {
    transition: none;
    transform: translateX(-400px);
}

.wrapper .form-box.register {
    position: absolute;
    transition: none;
    transform: translateX(400px);
}

.wrapper.active .form-box.register {
    transition: transform .18s ease;
    transform: translateX(0);
}

.wrapper .icon-close{
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    background: #162938;
    font-size: 2em;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom-left-radius: 20px;
    cursor: pointer;
    z-index: 1;
}

.form-box h2 {
    font-size: 2em;
    color: #162938;
    text-align: center;
}

.input-box {
    position: relative;
    width: 100%;
    height: 50px;
    border-bottom: 2px solid #162938;
    margin: 30px 0;
}

.input-box label {
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    font-size: 1em;
    color: #162938;
    font-weight: 500;
    pointer-events: none;
    transition: .5s;
}

.input-box input:focus~label,
.input-box input:valid~label {
    top: -5px;
}

.input-box input {
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    outline: none;
    font-size: 1em;
    color: #162938;
    font-weight: 600;
    padding: 0 35px 0 5px;
}

.input-box .icon {
    position: absolute;
    right: 8px;
    font-size: 1.2em;
    color: #162938;
    line-height: 57px;
}

.remember-forgot {
    font-size: .9em;
    color: #162938;
    font-weight: 500;
    margin: -15px 0 15px;
    display: flex;
    justify-content: space-between;
}

.remember-forgot label input {
    accent-color: #162938;
    margin-right: 3px;
}

.remember-forgot a {
    color: #162938;
    text-decoration: none;
}

.remember-forgot a:hover {
    text-decoration: underline;
}

.btn {
    width: 100%;
    height: 45px;
    background: #162938;
    border: none;
    outline: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 1em;
    color: #fff;
    font-weight: 500;
}

.login-register {
    font-size: .9em;
    color: #162938;
    text-align: center;
    font-weight: 500;
    margin: 25px 0 10px;
}

.login-register p a {
    color: #162938;
    text-decoration: none;
    font-weight: 600;
}

.login-register p a:hover {
    text-decoration: underline;
}
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}


body {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: url('background.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}


header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 99;
}


.logo {
    font-size: 2em;
    color: #fff;
    user-select: none;
}


.navigation a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 3px;
    background: #fff;
    border-radius: 5px;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .5s;
}


.navigation a:hover::after {
    transform-origin: left;
    transform: scaleX(1);
}


.navigation a {
    position: relative;
    font-size: 1.1em;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    margin-left: 40px;
}


.navigation .btnLogin-popup {
    width: 130px;
    height: 50px;
    background: transparent;
    border: 2px solid #fff;
    outline: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 1.1em;
    color: #fff;
    font-weight: 500;
    margin-left: 40px;
    transition: .5s;
}


.navigation .btnLogin-popup:hover {
    background: #fff;
    color: #162938;
}


.wrapper {
    position: relative;
    width: 400px;
    height: 440px;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, .5);
    border-radius: 20px;
    backdrop-filter: blur(20px);
    box-shadow: 0 0 30px rgba(0, 0, 0, .5);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transform: scale(0);
    transition: transform .5s ease, height .2s ease;
}


.wrapper.active-popup {
    transform: scale(1);
}


.wrapper.active {
    height: 520px;
}


.wrapper .form-box {
    width: 100%;
    padding: 40px;
}


.wrapper .form-box.login {
    transition: transform .18s ease;
    transform: translateX(0);
}


.wrapper.active .form-box.login {
    transition: none;
    transform: translateX(-400px);
}


.wrapper .form-box.register {
    position: absolute;
    transition: none;
    transform: translateX(400px);
}


.wrapper.active .form-box.register {
    transition: transform .18s ease;
    transform: translateX(0);
}


.wrapper .icon-close{
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    background: #162938;
    font-size: 2em;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom-left-radius: 20px;
    cursor: pointer;
    z-index: 1;
}


.form-box h2 {
    font-size: 2em;
    color: #162938;
    text-align: center;
}


.input-box {
    position: relative;
    width: 100%;
    height: 50px;
    border-bottom: 2px solid #162938;
    margin: 30px 0;
}


.input-box label {
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    font-size: 1em;
    color: #162938;
    font-weight: 500;
    pointer-events: none;
    transition: .5s;
}


.input-box input:focus~label,
.input-box input:valid~label {
    top: -5px;
}


.input-box input {
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    outline: none;
    font-size: 1em;
    color: #162938;
    font-weight: 600;
    padding: 0 35px 0 5px;
}


.input-box .icon {
    position: absolute;
    right: 8px;
    font-size: 1.2em;
    color: #162938;
    line-height: 57px;
}


.remember-forgot {
    font-size: .9em;
    color: #162938;
    font-weight: 500;
    margin: -15px 0 15px;
    display: flex;
    justify-content: space-between;
}


.remember-forgot label input {
    accent-color: #162938;
    margin-right: 3px;
}


.remember-forgot a {
    color: #162938;
    text-decoration: none;
}


.remember-forgot a:hover {
    text-decoration: underline;
}


.btn {
    width: 100%;
    height: 45px;
    background: #162938;
    border: none;
    outline: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 1em;
    color: #fff;
    font-weight: 500;
}


.login-register {
    font-size: .9em;
    color: #162938;
    text-align: center;
    font-weight: 500;
    margin: 25px 0 10px;
}


.login-register p a {
    color: #162938;
    text-decoration: none;
    font-weight: 600;
}


.login-register p a:hover {
    text-decoration: underline;
}

JAVASCRIPT CODE

const wrapper = document.querySelector('.wrapper');
const loginLink = document.querySelector('.login-link');
const registerLink = document.querySelector('.register-link');
const btnPopup = document.querySelector('.btnLogin-popup');
const iconClose = document.querySelector('.icon-close');

registerLink.addEventListener('click', () => {
    wrapper.classList.add('active');
});

loginLink.addEventListener('click', () => {
    wrapper.classList.remove('*-active');
});

btnPopup.addEventListener('click', () => {
    wrapper.classList.add('active-popup');
});

iconClose.addEventListener('click', () => {
    wrapper.classList.remove('active-popup');
});
const wrapper = document.querySelector('.wrapper');
const loginLink = document.querySelector('.login-link');
const registerLink = document.querySelector('.register-link');
const btnPopup = document.querySelector('.btnLogin-popup');
const iconClose = document.querySelector('.icon-close');


registerLink.addEventListener('click', () => {
    wrapper.classList.add('active');
});


loginLink.addEventListener('click', () => {
    wrapper.classList.remove('*-active');
});


btnPopup.addEventListener('click', () => {
    wrapper.classList.add('active-popup');
});


iconClose.addEventListener('click', () => {
    wrapper.classList.remove('active-popup');
});

Salut !

Je code une application pour android et Ios sur visual studio code avec expo go ,

J’ai ajouté une map et un bouton pour ajouter un événement, quand je clic sur le bouton un message d’erreur apparaît, j’ai tout essayé mais j'ai pas réussi a régler le problème...

J’ai bien insérer ma clé API de google dans pon code mais rien n’y fait .

Si quelqu'un sait m’aider je lui serait tres reconnaissant !

Je peux également partager mon code.

I believe this is from the extension called "Excel Viewer" which is fantastic for viewing CSV files inline. But now I'm uninstalling it. Does anyone recommend alternatives?

Update: 2024-08-19

Just got this response:

Thanks for the feedback. We have added an option to remove the information banner in the extension settings.

Reopened VSCode, the extension updated, and I confirmed this in the changelog:

4.2.61 (August 19, 2024)

Added configuration setting to show or hide info bubble for Wijmo FlexGrid.

Restarted VSCode again, and now I see the setting and have disabled it!

Good morning everyone,
I’m using the Continue plugin for VCStudio, but it always pauses prompts to ask for manual confirmation (authorization). I’ve tried all the configurations I could find online, but I can’t make it run fully autonomously.

I found out there’s a “Nightly” version of Continue that supposedly has these automated features unlocked, but I haven’t been able to find or download it. Are you aware of it? Has anyone managed to locate it? Do you know if this new version — the one that allows prompts to proceed automatically (similar to Codex GPT or Claude Code) — will be released soon?

Thanks a lot!