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

相关文章

  • JavaScript中隐藏eval关键字的多种方法

    JavaScript中隐藏eval关键字的多种方法

    本文介绍了JavaScript中隐藏eval关键字的多种方法,从简单的字符串拼接和Function构造函数,到使用字符编码动态生成字符串,这些技术通过层层包装,使原始eval调用在代码审计中难以被发现,需要的朋友可以参考下
    2025-10-10
  • js调试工具 Javascript Debug Toolkit 2.0.0版本发布

    js调试工具 Javascript Debug Toolkit 2.0.0版本发布

    Javascript Debug Toolkit是一个可以跨浏览器调试javascript的开源项目,支持在IE,FIREFOX,SAFARI,CHROME等浏览器中调试javascript。2.0.0版本做了较大变动,增加以下功能
    2008-12-12
  • 一文盘点JavaScript代码中常用的混淆方法

    一文盘点JavaScript代码中常用的混淆方法

    代码混淆不是加密,让代码变得极难被人类阅读和理解,从而达到保护逻辑、增加逆向工程难度的目的,本文就来深入探讨一下JavaScript中常用的几种混淆方法,并了解其背后的原理和利弊吧
    2026-03-03
  • 微信小程序实现走马灯式抽奖

    微信小程序实现走马灯式抽奖

    这篇文章主要为大家详细介绍了微信小程序实现走马灯式抽奖,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • js正则取值的结果数组调试方法

    js正则取值的结果数组调试方法

    今天小编就为大家分享一篇js正则取值的结果数组调试方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-10-10
  • js中设计一段程序,让它能够打印自己的方法收集藏

    js中设计一段程序,让它能够打印自己的方法收集藏

    js中设计一段程序,让它能够打印自己的方法收集藏...
    2007-03-03
  • JavaScript瀑布流布局实现代码

    JavaScript瀑布流布局实现代码

    这篇文章主要为大家详细介绍了JavaScript瀑布流布局的实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • vant uploader实现上传图片拖拽功能(设为封面)

    vant uploader实现上传图片拖拽功能(设为封面)

    这篇文章主要介绍了vant uploader实现上传图片拖拽功能(设为封面),这个功能在日常生活中经常会用到,操作非常方便,今天通过实例代码介绍实现过程,需要的朋友可以参考下
    2021-10-10
  • javascript 精粹笔记

    javascript 精粹笔记

    javascript 精粹笔记,都是一些js下应用技巧之类,学习js的朋友可以简单的参考浏览下。
    2010-05-05
  • JavaScript实现的DOM绘制柱状图效果示例

    JavaScript实现的DOM绘制柱状图效果示例

    这篇文章主要介绍了JavaScript实现的DOM绘制柱状图效果,涉及javascript数值计算及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2018-08-08

最新评论