How to view my HTML code in a browser with Visual Studio Code?

Question

How to view my HTML code in a browser with the new Microsoft Visual Studio Code?

With Notepad++ you have the option to Run in a browser. How can I do the same thing with Visual Studio Code?

I tried to manage the task.json file as:

{
    "version": "2.0.0",
    "tasks": [
        {
            "taskName": "Chrome",
            "type": "process",
            "command": "chrome.exe",
            "windows": {
            "command": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe"
            },
            "args": [
               "${index.html}"
            ],
            "problemMatcher": []
        }
   ]
}

also i installed the View In Browser extenstion for VSCode, but also nothing happend.

Possible duplicate of How to view my HTML code in browser with Visual Studio Code? — j08691
– j08691, Commented Oct 16, 2018 at 14:54

Mark · Accepted Answer · 2018-02-19 05:08:16Z

1

Change your "args" option to something like:

"args": [
    "${workspaceRoot}/index.html"
],

You may need more directories to get to your index.html, I don't know your folder structure. But if index.html is in the root of your workspace the above will work.

Of course with this method you are not actually serving your web page or watching for changes to css, js or html so you would need to refresh your browser each time to see any changes.

answered Feb 19, 2018 at 5:08

Mark

191k32 gold badges556 silver badges579 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Hasan Over a year ago

we should use double backslash " \\" to avoid the escape character warning in VSC: "${C:\\Users\\Toshiba\\gamelayout\\index.html}"

Mark Over a year ago

I didn't get any warning when I tested this exact code but I am glad you have it working.

Collectives™ on Stack Overflow

How to view my HTML code in a browser with Visual Studio Code?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related