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

 更新时间:2024年11月23日 15:02:04   作者:DO_IT_JACK  
这篇文章主要介绍了使用WebStorm和UniappTool创建和运行uni-app项目的相关资料,包括配置微信开发者工具和运行项目,同时提到了创建新页面和使用uniapptool存在的弊端,文中通过图文介绍的非常详细,需要的朋友可以参考下

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项目内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 前端必会的图片懒加载(三种方式)

    前端必会的图片懒加载(三种方式)

    在我们访问一个图片展示比较多的网页时,加载速度慢很多时候正是因为图片多导致,本文主要介绍了前端必会的图片懒加载(三种方式),具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • Uniapp全局消息提示以及其组件的实现方法

    Uniapp全局消息提示以及其组件的实现方法

    当时在做登录那边需要做一些交互,所以必不可少要用到消息提示框,下面这篇文章主要给大家介绍了关于Uniapp全局消息提示以及其组件的实现方法,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-06-06
  • js模拟点击事件实现代码

    js模拟点击事件实现代码

    在实际的应用开发中,我们会常常用到JS的模事件,比如说点击事件,举个简单的例子,点击表单外的“提交”按钮来提交表单。上代码吧
    2012-11-11
  • JavaScript中递归实现的方法及其区别

    JavaScript中递归实现的方法及其区别

    递归函数是在通过名字调用自身的情况下构成的。下面通过本文给大家分享JavaScript中递归实现的方法及其区别,感兴趣的朋友一起看看吧
    2017-09-09
  • uniapp实现支付功能

    uniapp实现支付功能

    本文主要介绍了uniapp实现支付功能,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-05-05
  • 利用uniapp+vue3+js适配微信隐私协议开发指南

    利用uniapp+vue3+js适配微信隐私协议开发指南

    这篇文章主要给大家介绍了关于利用uniapp+vue3+js适配微信隐私协议开发指南的相关资料,适配最新微信小程序隐私协议开发指南,兼容uniapp版本,需要的朋友可以参考下
    2023-12-12
  • 使用JavaScript截取视频特定帧的实现方法

    使用JavaScript截取视频特定帧的实现方法

    在网页开发中,我们经常需要对媒体文件进行处理,其中包括视频文件,有时候,我们可能需要从视频中提取特定的帧,并将其显示在网页上,本文将介绍如何使用JavaScript来实现这一功能,感兴趣的朋友跟着小编一起来看看吧
    2024-05-05
  • dts文件中删除一个node或属性的操作方法

    dts文件中删除一个node或属性的操作方法

    这篇文章主要介绍了dts文件中删除一个node或属性的操作方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-08-08
  • 基于js中的原型(全面讲解)

    基于js中的原型(全面讲解)

    下面小编就为大家带来一篇基于js中的原型(全面讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • JS简单获得节点元素的方法示例

    JS简单获得节点元素的方法示例

    这篇文章主要介绍了JS简单获得节点元素的方法,结合实例形式分析了javascript获取页面节点元素及修改元素属性相关操作技巧,需要的朋友可以参考下
    2018-02-02

最新评论