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



我有一个项目,它使用了很多模板字符串,我想将其转换为单独的HTML文件。

我知道Visual Studio代码可以将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代码1.29起,此代码不存在。由于这是一个非常具体的功能请求,最好通过扩展实现,而不是作为Visual Studio核心代码的一部分。

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

最新更新