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

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、如果你不是使用其他模拟器查看展示就改成不使用任何代理

微信小程序开发工具基本介绍入门级（备忘）相关推荐

微信小程序开发工具介绍及安装（中）
小程序开发工具的安装方法微信小程序开发工具的安装方法相对简单,并且适用于多个操作系统平台.以下是关于Windows.macOS和Linux三个平台上安装微信小程序开发工具的步骤和注意事项的详细介绍. ...
微信小程序开发工具介绍及安装（下）
开发工具的基本功能介绍微信小程序开发工具是一款强大的集成开发环境(IDE),旨在帮助开发者更便捷地创建.调试和发布微信小程序.它提供了丰富的功能和工具集,下面将对微信小程序开发工具的基本功能进行详细 ...
微信小程序开发工具下载以及安装教程
微信小程序开发工具下载以及安装教程听语音浏览:0 | 更新:2019-01-09 16:53 1 2 3 4 5 6 7 分步阅读查看全文 http://www.taodudu.cc/news/ ...
小程序开发工具_微信小程序开发工具：电商、酒店、展示、文章制作教程
现在市面上各种微信小程序开发工具已经很多了,类型也不同,很多小白不知道该怎么用.其实如果能够选对智能小程序开发平台,那么开发小程序也可以是很简单的事,不管是什么类型,都能很快生成.接下来我就跟教大家各 ...
【微信小程序入门到精通】— 微信小程序开发工具的安装
目录前言一.注册小程序账号二.安装开发环境 2.1 微信小程序开发工具介绍 2.1 安装微信开发者工具总结前言微信小程序在我们日常使用中已经占据很大一部分了,此专栏是专门为了微信小程序学习 ...
微信小程序开发工具清除授权缓存/文件缓存/登录缓存等等
今天2.19.3.25 在开发微信小程序时,作为测试号想清除授权缓存,一直没有找到方法, 最后无意中看到了解决方法微信小程序开发工具清除授权缓存/文件缓存/登录缓存等等.完美解决
微信小程序开发工具中快捷键
微信小程序开发工具表面上是没有更多的样式类的工具,例如缩进.隐藏代码什么的. 现在总结一下小程序开发工具常用的一些快捷键: 格式调整 Ctrl+S:保存文件 Ctrl+[, Ctrl+]:代码行缩进 ...
最新版本微信小程序开发工具的使用
微信小程序简介微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或搜一下即可打 ...
微信小程序开发工具项目创建步骤
账号申请后台小程序信息完善安装开发工具IDE 小程序项目搭建项目编译真机预览调试小程序开发前准备: ①申请账号 ②安装开发工具账号申请进入小程序注册页根据指引填写信息和提交相应的资料, ...
微信小程序开发工具将已存在的Git项目在新开发者下拉取推送
微信小程序开发工具将已存在的Git项目在新开发者下拉取推送前言流程完事前言最近有同事离职了,交接了一个微信小程序的项目下来,源码放在了公司内部的GIT上面,当我下载下来维护之后发现,在微信 ...