# Sublime Text 3 如何配置文件后缀关联？

- Link: https://www.ixiqin.com/2019/02/16/how-to-configure-file-suffix-associations-sublime-does-text-3/
- Published: 2019-02-16T16:31:04+08:00
- Author: 白宦成

文章目录

 [Toggle](https://www.ixiqin.com/2019/02/16/how-to-configure-file-suffix-associations-sublime-does-text-3/#)

 * [1. 安装 Vue Syntax Highlight 插件](https://www.ixiqin.com/2019/02/16/how-to-configure-file-suffix-associations-sublime-does-text-3/#1_%e5%ae%89%e8%a3%85_vue_syntax_highlight_%e6%8f%92%e4%bb%b6)
 * [2. 配置 wpy 文件的关联](https://www.ixiqin.com/2019/02/16/how-to-configure-file-suffix-associations-sublime-does-text-3/#2_%e9%85%8d%e7%bd%ae_wpy_%e6%96%87%e4%bb%b6%e7%9a%84%e5%85%b3%e8%81%94)

在使用 Sublime Text 开发 WePY 时，会遇到一个问题, 如何让 Sublime Text 识别 `.wpy`
文件为 Vue 格式，并进行高亮呢？

你可以这样操作

## 1. 安装 Vue Syntax Highlight 插件

你可以使用 Package Control 来安装 Vue Syntax Highlight 插件，安装完成后，你打开任何
一个 `.vue` 文件，就会发现代码已经被高亮了，就说明你的你的插件安装成功了。

## 2. 配置 wpy 文件的关联

接下来，你需要打开任何一个 `wpy` 文件，然后点击菜单栏中的 **View-Syntax-Open All
Current Extension as…-Vue Component**,这样，就可以完成了 `.wpy` 文件的 Vue 关联，
后续，你再打开 `.wpy` 文件，就会自动使用 Vue 语法高亮插件了。

![](https://i.loli.net/2019/02/16/5c67d5e150b87.png)

配置图