App下載

VSCode 中設(shè)置 tpl,vue 等文件高亮渲染的方法

著名奶茶鑒定家 2023-11-13 14:25:42 瀏覽數(shù) (2405)
反饋


VSCode 中設(shè)置 tpl,vue 等文件高亮渲染的方法

這里以  .tpl  結(jié)尾的文件為例,其他后綴設(shè)置方法相同。

有些框架會采用.tpl的文件作為前端模版文件, 使用VScode默認(rèn)打開是沒有高亮渲染的。

這樣就不容易修改模版文件, 我們可以通過將.tpl映射到html渲染方式進行高亮渲染。


1. 點擊菜單 文件->首選項->設(shè)置 輸入如下代碼:


2. 搜索: files.associations


3. 點擊添加項, 添加項 *.tpl 值 html


然后我們可以看到tpl文件已經(jīng)高亮顯示了:


2 人點贊