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后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,对于博客上面有不会的问题,可以加入qq技术交流群聊:649040560。

猜你喜欢

转载自blog.csdn.net/qq_36538012/article/details/88052979