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

相关文章

  • Bootstrap下拉菜单更改为悬停(hover)触发的方法

    Bootstrap下拉菜单更改为悬停(hover)触发的方法

    这篇文章主要为大家详细介绍了Bootstrap下拉菜单更改为悬停(hover)触发的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • js实现AES加密解密功能(简易又全面)

    js实现AES加密解密功能(简易又全面)

    在项目中传输数据,可通过对请求数据或响应数据进行加密,防止信息泄露,下面这篇文章主要给大家介绍了js实现AES加密解密功能的相关资料,需要的朋友可以参考下
    2024-05-05
  • javascript类数组的深入理解

    javascript类数组的深入理解

    这篇文章主要给大家介绍了关于javascript类数组的深入理解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • 轻松掌握JavaScript装饰者模式

    轻松掌握JavaScript装饰者模式

    这篇文章主要帮助大家轻松掌握JavaScript装饰者模式,告诉大家什么是js装饰者模式,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • bootstrapTable+ajax加载数据 refresh更新数据

    bootstrapTable+ajax加载数据 refresh更新数据

    这篇文章主要为大家详细介绍了bootstrapTable+ajax加载数据,以及refresh更新数据,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-08-08
  • 通过大白话理解微信小程序获取授权

    通过大白话理解微信小程序获取授权

    最近由于公司需要研究了一下微信小程序的开发,特此记录一下小程序获取授权的流程,便于自己理解,下面这篇文章主要给大家介绍了关于如何通过大白话理解微信小程序获取授权的相关资料,需要的朋友可以参考下
    2022-12-12
  • 全面解析Bootstrap中Carousel轮播的使用方法

    全面解析Bootstrap中Carousel轮播的使用方法

    这篇文章主要为大家详细的介绍了Bootstrap中Carousel的使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-06-06
  • 修复ie8&chrome下window的resize事件多次执行

    修复ie8&chrome下window的resize事件多次执行

    window.onresize 事件 专用事件绑定器 v0.1,用于解决 lte ie8 & chrome 及其他可能会出现的 原生 window.resize 事件多次执行的 BUG.
    2011-10-10
  • JavaScript 关键字屏蔽实现函数

    JavaScript 关键字屏蔽实现函数

    JavaScript屏蔽关键字,大概的思路就是去用javascript去替换已有的文本,达到替换的目的
    2009-08-08
  • javascript parseInt 大改造

    javascript parseInt 大改造

    还隐约记得第一次遇到 parseInt这个诡异问题的时候,以为发现了IE的BUG,兴奋不已。
    2009-09-09

最新评论