当前位置: 代码网 > it编程>编程语言>Javascript > Webstorm开发uni-app项目详细图文教程

Webstorm开发uni-app项目详细图文教程

2024年11月25日 Javascript 我要评论
1. webstorm uni-app语法插件 : uniapp tool使用uniapp tool,免费官方网址:uniapp tool - intellij ides plugin | marke

1. webstorm uni-app语法插件 : uniapp tool

使用uniapp tool,免费


官方网址:

uniapp tool - intellij ides plugin | marketplace

2. 创建uni-app项目

创建一个新项目,选择uniapp

3. 运行项目

1.先配置微信开发者工具,hbuilder安装目录

2.添加运行项目配置,然后点击运行

  • 首次启动肯定是报错了,需要配置自己的dclound appid, 微信小程序appid

这个appid号可以用微信者开发工具打开编译出来微信项目,生成一个测试号,然后复制过来

项目打包发布开发的微信小程序项目源码

配置完成之后重新,运行

启动完成 之后,在微信开发者工具模拟看效果

4. 创建新页面

使用uniapp tool

存在弊端

不管是webstorm,还是hbuiler,效果生效到微信开发者工具,走了热编译扫启动,也还是有几秒的延迟。

总结

到此这篇关于webstorm开发uni-app项目的文章就介绍到这了,更多相关webstorm开发uni-app项目内容请搜索代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持代码网!

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com