WebStorm中如何设置wepy文件代码高亮

5640239-8c0a460d53b773dc.png

因为小程序开发工具（微信开发者工具）对于wepy，mpvue等不够友好，不支持打开文件后缀为.wpy等页面，所以我这里使用的是WebStorm编辑器。

5640239-4f47dff11f3fb321.png

在WebStorm编辑器里面，当文件后缀为.wpy，可共用Vue的高亮规则，但需要手动设置。

1. 打开Settings，搜索Plugins，搜索Vue.js插件并安装。

5640239-a4195185e55805c8.png

5640239-15ac9f5234614355.png

5640239-ee33b5af48cc4b9d.png

2. 打开Settings，搜索File Types，找到Vue.js Template，在Registered Patterns添加*.wpy，即可高亮。

5640239-1f47324cf4700c7a.png

5640239-899145d9c1e2d702.png

5640239-d7c3a164baef7482.png

5640239-f9baac2b0f23c13b.png

3：完成

5640239-a7f1692678448102.png

原文作者：祈澈姑娘 技术博客：https://www.jianshu.com/u/05f416aefbe1 90后前端妹子，爱编程，爱运营，文艺与代码齐飞，魅力与智慧共存的程序媛一枚。 坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，对于博客上面有不会的问题