VSCode 中设置 tpl,vue 等文件高亮渲染的方法

这里以  .tpl  结尾的文件为例,其他后缀设置方法相同。

有些框架会采用.tpl的文件作为前端模版文件, 使用VScode默认打开是没有高亮渲染的。

这样就不容易修改模版文件, 我们可以通过将.tpl映射到html渲染方式进行高亮渲染。

1. 点击菜单 文件->首选项->设置 输入如下代码:

2. 搜索: files.associations

3. 点击添加项, 添加项 *.tpl 值 html

然后我们可以看到tpl文件已经高亮显示了: