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

11,954次阅读
没有评论

共计 441 个字符,预计需要花费 2 分钟才能阅读完成。

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

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

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

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

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

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

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

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

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

2. 搜索:files.associations

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

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

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

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

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

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

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-09-19发表,共计441字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)