Visual Studio Code(簡稱VS Code)是一款功能強(qiáng)大的跨平臺代碼編輯器,它支持豐富的擴(kuò)展和自定義功能。其中一個重要的自定義功能是文件高亮渲染,它可以幫助開發(fā)者更好地可視化代碼,并提高代碼閱讀和理解的效率。本文將介紹如何在VS Code中設(shè)置文件高亮渲染,以滿足個人偏好和開發(fā)需求。
VSCode 中設(shè)置 tpl,vue 等文件高亮渲染的方法
這里以 .tpl 結(jié)尾的文件為例,其他后綴設(shè)置方法相同。
有些框架會采用.tpl的文件作為前端模版文件, 使用VScode默認(rèn)打開是沒有高亮渲染的。
這樣就不容易修改模版文件, 我們可以通過將.tpl映射到html渲染方式進(jìn)行高亮渲染。
1. 點(diǎn)擊菜單 文件->首選項(xiàng)->設(shè)置 輸入如下代碼:
2. 搜索: files.associations
3. 點(diǎn)擊添加項(xiàng), 添加項(xiàng) *.tpl 值 html
然后我們可以看到tpl文件已經(jīng)高亮顯示了: