定制你的VS Code:设置文件高亮渲染的方法

蔡文姬腿堡 2024-04-07 11:59:22 浏览数 (371)
反馈

Visual Studio Code(简称VS Code)是一款功能强大的跨平台代码编辑器,它支持丰富的扩展和自定义功能。其中一个重要的自定义功能是文件高亮渲染,它可以帮助开发者更好地可视化代码,并提高代码阅读和理解的效率。本文将介绍如何在VS Code中设置文件高亮渲染,以满足个人偏好和开发需求。


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

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

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

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


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


2. 搜索: files.associations


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


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


0 人点赞