Webstorm 开发 uni-app 项目

YSY_DO_IT
1,044 阅读1分钟

1. Webstorm uni-app语法插件 ： Uniapp Tool

使用uniapp tool，免费 在这里插入图片描述 官方网址：

Uniapp Tool - IntelliJ IDEs Plugin | Marketplace

2. 创建uni-app项目

创建一个新项目，选择uniapp 在这里插入图片描述

3. 运行项目

1.先配置微信开发者工具，HBuilder安装目录 在这里插入图片描述

2.添加运行项目配置，然后点击运行 在这里插入图片描述

  1. 首次启动肯定是报错了，需要配置自己的DClound APPID， 微信小程序APPID 在这里插入图片描述

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

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

配置完成之后重新，运行

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

4. 创建新页面

使用uniapp tool 在这里插入图片描述

存在弊端

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

写在最后

写在最后 若该文章对你有用，麻烦发财的小手，帮忙微信扫码，做下微信小程序流量，更多技术分享！
在这里插入图片描述|300

avatar
文章
阅读
粉丝