开始制作
首页> 行业资讯> 小程序> 资讯详情

微信小程序怎么开发?小程序开发工具

2022-10-22 22:52:00 来自于应用公园

微信小程序不同于公众号。不是申请一个账号就可以立即发文章了,写代码是必不可少的过程。腾讯为此提供了一整套开发工具解决方案,包括编译代码、调试和上传,全部在开发工具中直接完成。下面就介绍一下这个微信开发工具的使用步骤。

1、小程序开发工具下载


开发工具的下载可通微信官网平台获得:

下载小程序

分别提供Windows64、windows32和mac版本。


小程序开发步骤


下载之后,直接安装。

2、创建小程序项目


安装后,打开微信web开发者工具,用个人微信扫描二维码登录。


小程序开发平台



登录后,选择“本地小程序项目”。



进入后,可以点击“+”号按钮新建一个项目。本地已经创造了项目,这里都会看到。



创建项目时,需要在平台上填写申请的小程序APPID,这在之前关于申请账号的文章中已经提到。如果实在不想麻烦,就直接选“无 AppID”,代价是不能在真机上调试代码,但不会影响开发。

3、开发界面


项目创建完成后,可以进入开发环境。左侧是导航栏,主要有三个界面。

编辑界面

这是开发的主场景。左边是显示效果的模拟器,可以直接交互。右边是编写代码的编辑器,包括代码文件的导航。代码有4种类型:



js: JavaScript代码,主要处理逻辑。

wxml:类似于html,它负责在页面上显示控件。

wxss:类似css的样式文件,用于调整布局,美化界面。

json:json格式的配置文件。

经历过前端开发的朋友对这些应该不陌生,基本都是一样的套路。

修改代码后,需要手工保存。模拟器中的版本保存后会自动刷新。

调试界面




如果你用过Chrome的开发工具或者其他类似的web前端调试工具,这里就不用多说什么了。

包括了各种功能,例如控制台调试、页面源代码、网络请求、页面元素等。符合开发的各种调试要求。

项目界面





这里是基本的信息和部分项目的配置。如果你没有配置好接口的域名,AppID (微信小程序要求后台接口必须是https协议),但必须添加网络请求的功能,请确保将“开发环境不验证请求域名以及 TLS 版本”给勾选上,否则无法成功发出请求。” 


4、demo


如果在创建新的项目时选上了“在当前目录中创建 quick start 项目”,就可以看到一个简单的“hello world”小程序。可以帮助你了解微信小程序的基本代码结构。

当然,这个还不足以让你了解小程序的各种功能。“小程序示例”的源码下载在官网也有提供。可以从代码详细了解小程序的各种控件的基本用法。




小程序开发需具备编程语言基础,对于不懂技术的人来说还是有一定难度的。现在出现了很多傻瓜式小程序开发工具,通过套用小程序模板就可快速开发一个小程序。应用公园就是一款可视化小程序开发平台,平台上有各大行业的小程序模板,只需按照流程操作,即可一套代码同时生成小程序和APP,非常方便。


免编程小程序开发工具



粤公网安备 44030602002171号      粤ICP备15056436号-2

在线咨询

立即咨询

售前咨询热线

0755-27805158

[关闭]
应用公园微信

官方微信自助客服

[关闭]