将Visual Studio代码中的JavaScript字符串重构/提取到HTML文件中

Question

我有一个使用大量模板字符串的项目，我想将其转换为单独的HTML文件。

我知道Visual Studio Code可以将JavaScript移动到新文件。它可以用HTML字符串内容做同样的事情吗？

我能做的最接近的是将JavaScript字符串解压缩到一个新文件，然后重命名它并更改扩展名。

我没有在Visual Studio Code GitHub帐户中找到问题或有任何其他问题。

所以我想从这里开始：

const MY_TEMPLATE = `<div>{{unicorn.fart()}}</div>`
function useTemplate(imports){
    return {
        template: MY_TEMPLATE,
        scope: {
            unicorn: imports.getUnicorn('charlie')
            onFart: imports.refuelCar(imports.ELECTRIC_CAR)
        }
    }
}

突出显示MY_TEMPLATE中的字符串选择右键菜单，然后得到：

import template from './MY_TEMPLATE.html'
function useTemplate(imports){
    return {
        template,
        scope: {
            unicorn: imports.getUnicorn('charlie')
            onFart: imports.refuelCar(imports.ELECTRIC_CAR)
        }
    }
}

是否有要更改的设置，要安装/等待的版本或插件？

Answer 1

从Visual Studio Code 1.29开始，这不存在。由于这是一个非常具体的功能请求，因此最好通过扩展实现，而不是作为核心Visual Studio代码的一部分。

有关如何开始编写Visual Studio代码扩展的信息，请参阅this guide。