配置webstorm开发微信小程序
<div><p style="text-align: center"><span style="color: rgba(128, 0, 128, 1)"><strong><span style="font-size: 18pt; font-family: "Microsoft YaHei"">配置webstorm开发微信小程序</span></strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""> 微信开发者工具虽然能编辑代码，可以实时预览，用于临时调试代码是足够的，考虑到工作的效率性和便捷性，需要功能更加强悍的编辑器来编写小程序，在这里主要谈使用webstorm编辑器来开发小程序的配置情况。</span></p>
<p> </p>
<p><strong><span style="font-size: 16px; font-family: "Microsoft YaHei"">注意默认情况下，webstorm不支持wxml和wxss的文件类型，当然也不会有语法高亮！</span></strong></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><img src="https://img2018.cnblogs.com/i-beta/1908917/202001/1908917-20200108190318455-1398783293.png" alt="" width="1068" height="308"></span></p>
<p> </p>
<p><span style="font-size: 16px"> <strong>在这里总结了2种配置webstorm开发小程序的方式：</strong></span></p>
<p><span style="font-size: 16px"><strong><span style="color: rgba(255, 0, 0, 1)">1.可以直接在webstorm的plugins处搜索Wxapp(或者Wxapp Support)插件直接下载</span></strong></span></p>
</div>
<p><span style="font-size: 16px"><img src="https://img2018.cnblogs.com/i-beta/1908917/202001/1908917-20200108191227126-1785533600.png" alt="" width="1073" height="529"></span></p>
<p> </p>
<p><strong><span style="font-size: 16px; color: rgba(255, 0, 0, 1)">2.由于这两者的语法高亮与html, css是相对应的, 因此可以手动添加对这两种文件类型的语法支持 </span></strong></p>
<p><span style="color: rgba(0, 0, 0, 1)"><strong><span style="font-size: 16px"><img src="https://img2018.cnblogs.com/i-beta/1908917/202001/1908917-20200108191529882-1016514320.png" alt="" width="1074" height="520"></span></strong></span></p>
<p> <img src="https://img2018.cnblogs.com/i-beta/1908917/202001/1908917-20200108191626243-13948553.png" alt="" width="1072" height="528"></p>
<p> </p>
<p><strong><span style="font-size: 16px; color: rgba(0, 0, 0, 1)">配置好了的效果：</span></strong></p>
<p><img src="https://img2018.cnblogs.com/i-beta/1908917/202001/1908917-20200108191906481-1016432037.png" alt="" width="1073" height="320"></p>
<p><span style="font-size: 16px"><img src="https://img2018.cnblogs.com/i-beta/1908917/202001/1908917-20200108193833633-562092223.png" alt="" width="1073" height="503"></span></p>
<p> </p>
<p><span style="font-size: 16px"><strong>接下来导入前辈们整理好的小程序代码片段，达到代码提示效果！</strong></span></p>
<p><strong><span style="font-size: 16px">WebStorm下配置微信小程序代码提醒jar</span></strong></p>
<p><span style="font-size: 16px"><img src="https://img2018.cnblogs.com/i-beta/1908917/202001/1908917-20200108193138268-841163487.png" alt="" width="1069" height="534"></span></p>
<p> </p>
<p><span style="font-size: 16px"><strong><span style="color: rgba(0, 0, 0, 1)"> 导入好以后，按照提示重启webstorm，即可看到效果！！</span></strong></span></p>
<p><img src="https://img2018.cnblogs.com/i-beta/1908917/202001/1908917-20200108193501634-978883954.png" alt="" width="1068" height="614"></p>
<p> </p>
<p><span style="color: rgba(0, 0, 0, 1); font-size: 16px">注意：苹果系统和windows系统的webstorm略有差别，大同小异，由于我的webstorm已经汉化，所以图片来源部分是参考网上资料的，文章不足之处请多多谅解！！！！</span></p><br><br>
来源：https://www.cnblogs.com/meijifu/p/12168442.html
頁:
[1]