.wpy 文件代码高亮显示

一、 特殊文件 在 HBuilderX 中的高亮显示

场景

我们在使用 HBuilderX 进行开发的时候，可能会遇到 特殊文件 无法高亮显示的问题，此时我们就需要对改文件进行高亮显示。
其中有两种方法：

1. 如果是单个特殊文件，仅为暂时查看的话

 可以仅仅修改当前文件的展示高亮类型。
 修改方法：
 		a. 打开该文件后，选择右下角的 text 类型为自己指定的高亮类型

图示方法

2. 针对同一类型的 文件 进行统一修改【以 .wpy 文件为例】

因为 .wpy 文件格式类似于vue文件，所以我这里以vue文件高亮显示 同步到 .wpy 文件上。
修改方法：
		第一步、 首先安装 vue 的高亮显示插件
				===>  工具
				===>  插件安装
				===>  选择 vue 高亮插件【我之前选择的插件是 js-beautify 】
		第二步、 配置语言关联
				===>  工具
				===>  设置
				===>  选择 “ 源码视图 ” 【在该视图下，左侧默认设置不可修改，需要把左侧需要修改的字段copy至右侧进行修改】
				===>  搜索 " files.associations " 该字段 
				===>  copy 至右侧进行修改 
				===>  修改示例 【此示例中包含了以前的默认代码，我们只需要查看 " files.associations " 字段】
							{
							    "baiduApp.devTools.path" : "",
							    "editor.codeassist.px2rem.decimalLength" : 2,
							    "editor.codeassist.px2rem.proportion" : "37.5",
							    "editor.colorScheme" : "Atom One Dark",
							    "editor.onlyHighlightWord" : true,
							    "terminal.type" : "内置终端",
							    "view.remoteDebug.openOnRunDevice" : true,
							    "weApp.devTools.path" : "",
								"files.associations": {"*.wpy":"vue"}
							}

我们可以看到配置为 【 “files.associations”: {"*.wpy":“vue”} 】 这里表示：所有 .wpy 格式的文件打开显示高亮类型为 vue 文件类型

---