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编程资源教程。

相关文章:

  • 2021-11-19
  • 2021-09-19
  • 2022-12-23
  • 2021-05-16
  • 2021-04-10
  • 2021-07-01
  • 2021-07-14
  • 2021-11-16
猜你喜欢
  • 2021-07-29
  • 2022-12-23
  • 2022-12-23
  • 2021-11-07
  • 2021-12-17
相关资源
相似解决方案