WebStorm中设置wepy文件代码高亮

时间:2024-04-04 11:12:15

WebStorm中设置wepy文件代码高亮

因为小程序开发工具(微信开发者工具)对于wepy,mpvue等不够友好,不支持打开文件后缀为.wpy等页面,所以我这里使用的是WebStorm编辑器。
WebStorm中设置wepy文件代码高亮

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

1. 打开Settings,搜索Plugins,搜索Vue.js插件并安装。
WebStorm中设置wepy文件代码高亮

WebStorm中设置wepy文件代码高亮

WebStorm中设置wepy文件代码高亮

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

WebStorm中设置wepy文件代码高亮

WebStorm中设置wepy文件代码高亮

WebStorm中设置wepy文件代码高亮

WebStorm中设置wepy文件代码高亮

3:完成
WebStorm中设置wepy文件代码高亮

原文作者:祈澈姑娘 关注「编程微刊」公众号 ,在微信后台回复「小程序」,获取小程序开发全套资料和500G编程资源教程。