神刀安全网

配置webstorm开发微信小程序

微信开发者工具虽然能编辑代码,可以实时预览,如果只用于临时调试代码是足够的,要是作为小程序的开发工具就很显得很弱鸡了,尤其是与功能强悍的webstorm对比,小程序自带的编辑器简直就是玩具。

默认情况下,webstorm是不支持wxml和wxss的文件类型,不会有语法高亮

配置webstorm开发微信小程序

不支持文件类型

由于这两者的语法高亮与html, css是相对应的, 我们可以手动添加对这两种文件类型的语法支持

配置webstorm开发微信小程序

wxml

配置webstorm开发微信小程序

wxss

语法高亮效果

配置webstorm开发微信小程序

语法高亮

除了高亮,还需要代码提示, 所幸已经有前辈整理了小程序的代码片段,只需要导入其安装包即可使用

WebStorm下配置微信小程序代码提醒jar

配置webstorm开发微信小程序

导入配置

重启webstorm, 即可看到代码提示效果

配置webstorm开发微信小程序

代码提示

不仅限于webstorm, jetbrains全家桶均可适用

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » 配置webstorm开发微信小程序

分享到:更多 ()