微信小程序开发工具基本介绍入门级(备忘)

微信小程序开发工具基本介绍入门级(备忘)微信小程序的一些入门介绍。


Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

1、注册微信小程序开发者账号

登录微信公众平台或者复制链接https://mp.weixin.qq.com/
第一步点击立即注册
第一步立即注册
第二步、选择小程序(根据步骤操作即可)
在这里插入图片描述
在这里插入图片描述

2、下载微信开发者工具

下载地址微信开发者工具下载地址
在这里插入图片描述
在这里插入图片描述
下载完成就是这个样子
在这里插入图片描述
双击一直安装到完成。
在这里插入图片描述
安装完成打开登录界面如下(通过注册时绑定的微信扫描二维码)
在这里插入图片描述

3、创建微信小程序

3.1、扫码登录之后界面是

在这里插入图片描述

3.2、上面APPID,需要你登录微信公众平台找到相应位置如下图

在这里插入图片描述

3.3、创建完成项目微信开发工具内部是

在这里插入图片描述

4、主题介绍开发工具界面布局和功能

4.1、整体布局

在这里插入图片描述

4.1.1、部分是导航栏

在这里插入图片描述
这三个是最重要的,项目中可以新建保存导入退出项目。设置中可以外观设置通用设置等。帮助中有开发者文档用户可以直接查看。

4.1.2、部分是工具栏

在这里插入图片描述
模拟器,编辑器,调试器三个按钮,控制界面是否展示自己的部分。
预览就是可以通过扫描二维码,可在手机上看到展示效果。
详情介绍当前项目的相关配置信息

4.1.3、部分是模拟器展示栏

在这里插入图片描述

4.1.4、部分是源码部分

在这里插入图片描述
在这里插入图片描述

4.1.5、部分是编辑器部分

就是写代码的地方

4.1.6、部分是调试结果部分

就是数据调试,报错提示,以及控制台打印的地方。

5、开发的一些妙招

5.1、创建新的页面,可以在app.json文件中的直接写进去,ctrl+s保存就会自动帮你创建新的页面

在这里插入图片描述

5.2、如果是本地开发(不是云开发),一般都是前后端都是在自己本机上部署(将红圈里面对勾去掉)

在这里插入图片描述

5.3、如果你不是使用其他模拟器查看展示就改成不使用任何代理

在这里插入图片描述

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

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/171598.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • idea创建java web项目_ideajava创建项目

    idea创建java web项目_ideajava创建项目JavaWeb专栏之(二):Idea创建JavaWeb项目前言:关注:《遇见小Du说》微信公众号,分享更多Java知识,不负每一次相遇。更多内容请访问:www.dushunchang.top在上一篇博客中传送门,小Du带大家了解了什么JavaWeb,B/C与C/S结构,以及Java开发中最常见的MVC三层架构模式。本文章将带大家使用Idea创建JavaWeb项目的教程。在企业开发中,我们经常使用maven构建框架来创建项目,但很多初学者没有接触过Maven构建工具,所以本期教程使用Idea自带的W

    2022年9月20日
  • 史上最全的IDEA快捷键总结

    史上最全的IDEA快捷键总结现在Idea成了主流开发工具,这篇博客对其使用的快捷键做了总结,希望对大家的开发工作有所帮助。

    2022年4月29日
  • idea全局搜索快捷键总结

    一、Ctrl+F或者Ctrl+Shift+R按照文本的内容查找1、相当于eclipse的ctrl+H,Ctrl+F是在本页查找2、相当于eclipse的ctrl+H,Ctrl+Shift+R是全局查找二、Ctrl+Shift+N按文件名搜索文件同搜索类类似,只不过可以匹配所有类型的文件了三、Ctrl+H查看类的继承关系四、Alt+F7查找类或方法在哪被使用五、Sh…

    2022年4月5日
  • pycharm2021 4y年激活码(最新序列号破解)[通俗易懂]

    pycharm2021 4y年激活码(最新序列号破解),https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月19日
  • idea汉化之后打不开settings解决方法

    idea汉化之后打不开settings解决方法用解压软件打开汉化包,进入messages目录,找到settings的配置文件:VcsBundle.properties以及定位的配置文件:UIBundle.properties将这两个文件删掉重新启动IDEA即可完美解决,感谢这位前辈。…

    2022年5月30日
  • pycharm2022激活码【2021最新】

    (pycharm2022激活码)本文适用于JetBrains家族所有ide,包括IntelliJidea,phpstorm,webstorm,pycharm,datagrip等。https://javaforall.net/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~1…

    2022年3月27日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号