微信小程序学习(2)_开发准备和开发工具简介

一、下载微信小程序开发工具

1.进入这个网址:
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=1475052055364 进行下载相对应的开发工具

微信小程序学习(2)_开发准备和开发工具简介_第1张图片
这里写图片描述

二、开发工具简介
--------acc
1.首先我们打开开发工具,可以看到下面的界面,然后用微信登录

微信小程序学习(2)_开发准备和开发工具简介_第2张图片
这里写图片描述

2.我们选择创建项目

微信小程序学习(2)_开发准备和开发工具简介_第3张图片
这里写图片描述

3.填写相关的信息,因为目前微信还没有开发AppId,因此我们选择没有AppID,添加项目名称和项目的目录就完成微信小程序项目的创建了

微信小程序学习(2)_开发准备和开发工具简介_第4张图片
这里写图片描述

4.进入到编辑的界面,我们可以了解下具体的功能

微信小程序学习(2)_开发准备和开发工具简介_第5张图片
这里写图片描述

5.然后看下调试的界面,可以看到左边是模拟器,右边是调试界面,调试界面主要分为控制台,源文件,网络,缓存,app信息,布局文件几个界面,具体看下下面几张截图和介绍

微信小程序学习(2)_开发准备和开发工具简介_第6张图片
这里写图片描述
微信小程序学习(2)_开发准备和开发工具简介_第7张图片
这里写图片描述
微信小程序学习(2)_开发准备和开发工具简介_第8张图片
这里写图片描述
微信小程序学习(2)_开发准备和开发工具简介_第9张图片
这里写图片描述

注意:调试界面中的左下角也有一些功能按钮,具体上面的截图也有提到

6.最后就是项目界面了,可以提交到项目到微信的服务器,然后就可以在微信中看到我们的小程序,还可以删除小程序,等等功能。

微信小程序学习(2)_开发准备和开发工具简介_第10张图片
这里写图片描述

7.那我们怎么导入别人的项目了,其实我们只要回到创建项目的界面那里,在文件项目那里选择下载到别人程序的目录就可以了

微信小程序学习(2)_开发准备和开发工具简介_第11张图片
这里写图片描述

你可能感兴趣的:(微信小程序学习(2)_开发准备和开发工具简介)