Visual Studio Code and web pages

Question

User-352524747 posted

Hello,

how to run on a localhost a web page or a single page from visual studio code? Preferably a web page with razor v2.

I own a web page build on razor v2 and also have bin files. How to open it using visual studio code and run on localhost?

Answer 1

User-893317190 posted

Hi dow7,

If you want to open a .net core  mvc project with  vs code, you could open  your project's folder where bin folder is in using vs code.

Then press F5, if you haven't installed extension vs code need to  open a .net core project, it will  ask you to install these extensions, please let it install these extensions.

Then you should add launch.json to your project.

Please click  add configuration and choose local .net  core web app.

It will generate template code for you.

Mine is ,  you could also paste mine to your project. But please change to your own version.

"program": "${workspaceFolder}/bin/Debug/netcoreapp2.0/CoreProject.dll" specifies the dll  of your project. please change to your own dll's path.

/netcoreapp2.0/CoreProject.dll  may differ.

{

    "version": "0.2.0",
    "configurations": [
        
        {
            "name": ".NET Core Launch (web)",
            "type": "coreclr",
            "request": "launch",
            "preLaunchTask": "build",
            "program": "${workspaceFolder}/bin/Debug/netcoreapp2.0/CoreProject.dll",
            "args": [],
            "cwd": "${workspaceFolder}",
            "stopAtEntry": false,
            "launchBrowser": {
                "enabled": true
            },
            "env": {
                "ASPNETCORE_ENVIRONMENT": "Development"
            },
            "sourceFileMap": {
                "/Views": "${workspaceFolder}/Views"
            }
        }
      
      


    ]
}

Then press F12 , you should open the project with vs code.

Best regards,

Ackerly Xu

Answer 2

User-352524747 posted
I mean open an existing web page razor 2 folder, previously build with visual studio web developer and webmatrix.

Answer 3

User-893317190 posted

Hi dow7,

Not clear about your problem

I tried this way using an existing asp.net core mvc project created by visual studio.

And  vs code  could compile the project  automatically.

Do you mean you only have compiled project dll, razor folder and don't have the project source code?

Best regards,

Ackerly Xu

Answer 4

User-352524747 posted
Let’s say i want to try this code that is based on web pages razor 2:

https://www.mikesdotnetting.com/article/220/posting-data-with-jquery-ajax-in-asp-net-razor-web-pages

It’s not MVC or Razor pages 3.

Do i have to get the bin (and all .dlls inside) folder, web.config from an existing project that runs on razor version 2 or can i install them again from visual studio code?

Answer 5

User-893317190 posted

Hi dow7 ,

Not sure this is what you want .

I have tried to create a core web application with pages folder, and open the folder using the same way.

Below is the result.

If this doesn't work , could you should the  structure of your project folder?

Best regards,

Ackerly Xu

Answer 6

User-352524747 posted

This is the structure

Or this one from Mike: https://github.com/mikebrind/StateManagement

Answer 7

User-893317190 posted

Hi dow7,

I think you should customize your task

https://stackoverflow.com/questions/42296428/how-to-run-asp-net-mvc-4-5-in-visual-studio-code-editor

This is a repo which is 6 years ago , and .net core doesn't use web.config. It uses appsettings.json.

Best regards,

Ackerly Xu