visual-studio-code - 将 Visual Studio Code 中的 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)
        }
    }
}

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

标签： visual-studio-code

Answer 1

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

有关如何开始编写 Visual Studio Code 扩展的信息，请参阅本指南。