Question

我在localhost设置上使用IIS 10创建了一个虚拟目录，该目录位于这样的位置......

http://vscode.dev/

在Visual Studio Code中，我可以看到当我在index.htm页面上按F5时，调试过程开始了。我选择了Chrome。然后，我在Chrome浏览器中看到我的网址就是这样......

file:///C:/Users/my-name/Documents/Visual%20Studio%202015/VS%20Projects/VSCode/sandbox/index.htm

这一切都是在launch.json页面的Visual Studio Code中生成的......

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch current file",
            "type": "chrome",
            "request": "launch",
            //"file": "${workspaceRoot}/${file}"
           "file" : "${file}"
        },
        {
            "name": "Launch localhost with sourcemaps",
            "type": "chrome",
            "request": "launch",
            "url": "http://localhost/mypage.html",
            "sourceMaps": true,
            "webRoot": "wwwroot"
        },
        {
            "name": "Attach",
            "type": "chrome",
            "request": "attach",
            "port": 9222
        }
    ]
}

所以这是我的问题....从这个页面，我可以替换${file}的部分路径，就像我们在JavaScript中使用replace（）方法一样吗？有点像...

${file}.replace{'file:///C:/Users/my-name/Documents/Visual%20Studio%202015/VS%20Projects/VSCode/sandbox/':'http://vscode.dev/'}

...这样每当我调试我的.htm页面时，它会转到更干净的URL路径？像这样....

http://vscode.dev/index.htm

如果我离开并且有更有效的方式来实现我的目标，我也会欣赏这条路线。感谢您的任何提示！

Answer 1

我想我明白了。在Visual Studio Code中调试之前，我然后返回到launch.json文件并替换＆＃34;启动index.html＆＃34;下的文件：字段。与...

"url": "http://vscode.dev/${fileBasename}"

因此，每当我点击F5时，我的Chrome浏览器中都会显示以下路径...

http://vscode.dev/index.htm

我喜欢这个，这个过程对于您使用的每个Visual Studio Code文件夹都是唯一的，并且Visual Studio Code会记住要启动的位置！

FYI - 可在此处找到Visual Studio代码变量替换 - https://code.visualstudio.com/docs/editor/tasks。此外，在执行此过程时，您可能需要在Windows计算机上侦听可用端口。并将该端口值添加到launch.json文件中。

Visual Studio代码 - 在调试时显示虚拟目录路径

1 个答案: