打字稿中的 VS 代码扩展“HelloWorld”示例不起作用答案

【问题标题】：VS code extension "HelloWorld" sample in typescript is not working打字稿中的 VS 代码扩展“HelloWorld”示例不起作用
【发布时间】：2018-06-07 19:16:09
【问题描述】：

我正在尝试创建 VS 代码扩展，并按照文档 here 中提供的步骤进行操作

我在打字稿中设置了“helloworld”项目，但是当我按“F5”时，什么也没发生。我看到，打字稿文件符合 JS，但项目没有打开新的 VS 代码实例，并且启用了“F5”上未启用的调试模式。

有什么建议吗？

launch.json 文件

{
"version": "0.2.0",
"configurations": [
    {
        "name": "Extension",
        "type": "extensionHost",
        "request": "launch",
        "runtimeExecutable": "${execPath}",
        "args": [
            "--extensionDevelopmentPath=${workspaceFolder}"
        ],
        "outFiles": [
            "${workspaceFolder}/out/**/*.js"
        ],
        "preLaunchTask": "npm: watch"
    },
    {
        "name": "Extension Tests",
        "type": "extensionHost",
        "request": "launch",
        "runtimeExecutable": "${execPath}",
        "args": [
            "--extensionDevelopmentPath=${workspaceFolder}",
            "--extensionTestsPath=${workspaceFolder}/out/test"
        ],
        "outFiles": [
            "${workspaceFolder}/out/test/**/*.js"
        ],
        "preLaunchTask": "npm: watch"
    },

]

}

我遵循的步骤与 VS 代码文档中提到的相同

npm install -g yo generator-code
哟代码
启动 VS 代码，
选择文件 > 打开文件夹并选择您生成的文件夹。
按 F5 或单击“调试”图标并单击“开始”。

对我来说，第 5 步不起作用，也没有做任何事情

【问题讨论】：

是否创建了launch.json文件？
是的，它创建了 launch.json 文件，我正在调试中看到任务

标签： typescript visual-studio-code vscode-extensions

【解决方案1】：

您的启动文件与yo 2.0.2 生成的文件不同。那个会生成一个 0.1.0 版本的启动文件，而不是像你的 0.2.0 版本。

目前你应该有 yo 2.0.2 和 vscode 1.24.0。请验证。

我从头开始为 vscode 创建了一个打字稿扩展并得到了这个：

{
  "version": "0.1.0",
  "configurations": [
    {
        "name": "Launch Extension",
        "type": "extensionHost",
        "request": "launch",
        "runtimeExecutable": "${execPath}",
        "args": ["--extensionDevelopmentPath=${workspaceRoot}" ],
        "stopOnEntry": false,
        "sourceMaps": true,
        "outDir": "${workspaceRoot}/out/src",
        "preLaunchTask": "npm"
    },
    {
        "name": "Launch Tests",
        "type": "extensionHost",
        "request": "launch",
        "runtimeExecutable": "${execPath}",
        "args": ["--extensionDevelopmentPath=${workspaceRoot}", "--extensionTestsPath=${workspaceRoot}/out/test" ],
        "stopOnEntry": false,
        "sourceMaps": true,
        "outDir": "${workspaceRoot}/out/test",
        "preLaunchTask": "npm"
    }
  ]
}

【讨论】：

我在 VS 代码 1.23.1 和 2.0.2 中。升级到 VS 代码到 1.24.0 后，它工作正常。

【解决方案2】：

对于我的情况，我只是重新安装了节点，相同的版本，问题解决了。

sudo rm -rf /usr/local/lib/node_modules/npm
brew reinstall node

参考：Error: Cannot find module '../lib/utils/unsupported.js' while using Ionic

【讨论】：