以art-template为例，vscode 如何识别自定义后缀模版？

我们相信：世界是美好的，你是我也是。 来玩一下解压小游戏吧！

前端各种框架层出不穷，各种模版引擎也是一个接着一个。每个新的页面模版引擎，都会有自己的自定义模版文件后缀。比如，本文中涉及的例子，是art-template模版引擎的模版文件的自定义后缀，.art。

本文测试环境：mac、vscode@1.44.1。本文举例是识别art-template的.art文件，其实这个道理都是通用的。识别别的自定义后缀，也是可以这么操作的。

设置关联associations

由于苏南大叔的测试环境是mac，所以，可以在菜单Preference里面的Settings子菜单里面。快捷键是花+,。这个在settings的搜索对话框里面，进行查找就可以了。

根据提示，苏南大叔需要修改一个settings.json文件。点击链接就可以打开这个文件。在mac系统中，真实路径是：

~/Library/Application Support/Code/User/settings.json

修改settings.json

修改这个文件，增加下面的类似语句即可。

{
    "files.associations": {
        "*.art": "html"
    }
}

效果对比

下面的效果是更改配置文件前后，.art文件的效果对比：

相关链接

• https://newsn.net/say/vscode-diff-2.html
• https://newsn.net/say/vscode-tab.html

总结

vscode的更多实用技巧，请点击苏南大叔的博客：

• https://newsn.net/tag/vscode/

如果本文对您有帮助，或者节约了您的时间，欢迎打赏瓶饮料，建立下友谊关系。
本博客不欢迎：各种镜像采集行为。请尊重原创文章内容，转载请保留作者链接。