JetBrains WebStorm | Language Injections | 配置wxs标签内支持js语法高亮

JetBrains WebStorm | Language Injections | 配置wxs标签内支持js语法高亮

最近在用WebStorm写微信小程序，在wxml文件中使用wxs标签时发现并没有语法高亮显示，强迫症表示完全不能忍。。。费尽周折终于找到解决方法，分享给大家~

先附上配置前的状态（可以看到function并没有高亮显示）：

开始配置！
依次进入：File→Settings→Editor→Language Injections
点击右侧+号，选择“XML Tag Injection”

如下图填写
Name：wxs
Language→ID：JavaScript
XML Tag→Local name：wxs
点击OK

此时可以看到多了一行xml:wxs，language是JavaScript，这就是我们要的了！
（附上踩坑记录：此时点击“Apply”后，并不能在代码区域看到效果！！！我自己尝试的时候一直点的是“Apply”，然鹅一直看不到效果，我就一直以为配置的不对，反反复复，折腾了好久……）
其实直接点击“OK”就好啦！

现在让我们来看看代码区域：

成功啦！function已经高亮显示，配置完成！

PS：如果还是没有变化的话，请把wxs标签内的内容删掉，重新输入function，应该就会出现语法提示了，如下图：

好啦！至此，真·配置完成！