首页 > 课堂 > 小程序 > 正文

个人怎么做微信小程序,微信小程序开发入门教程

2020-03-21 16:33:38
字体:
来源:转载
供稿:网友

近段时间微信推出小程序项目,各个企业也都开始着手进行完微信小程序的开发。很多个人也想去尝试一下微信小程序开发去提高一下自己的技术或者实现一些小的程序,本文以教程为主,给大家说一下如何一步步的进行微信小程序开发基础版本。

个人怎么做微信小程序,微信小程序,微信小程序开发

方法/步骤

登陆你的微信小程序账号之后,可以看到有一个开发者工具下载。点击去就可以去下载一些东西。如果你还没有小程序账号的话,需要注册一个然后进行登陆。

个人怎么做微信小程序,微信小程序,微信小程序开发

点击开发者工具下载之后,进入到的是一个下载小程序开发工具的地方。根据自己的电脑选择是32或64或者直接mac下载。

个人怎么做微信小程序,微信小程序,微信小程序开发

下载完成符合需要的exe之后,根据提示进行一步步的安装。安装完成之后,打开开发者工具是需要扫描二维码才能登陆的。

个人怎么做微信小程序,微信小程序,微信小程序开发

个人怎么做微信小程序,微信小程序,微信小程序开发

登陆微信开发工具之后,会有两个提示“本地小程序项目”和“微信公众号网页开发”。点击本地小程序项目,因为是刚开始所以是空白,可以添加项目。

个人怎么做微信小程序,微信小程序,微信小程序开发

添加项目的时候,需要填写appid,以及项目的名称、项目存放的目录。这里的ID可以在“设置-开发者设置”里查找,存放目录可以自己创建一个文件夹等,因为是新的,所以会自动创建quick star项目,如下图。

个人怎么做微信小程序,微信小程序,微信小程序开发

点击确定添加项目之后,进入的是一个开发工具页面,可以测试不同屏幕下的显示情况、代码的编写情况以及可以查看进行调试。也可以去测试wifi下和4g以及其他网络信号下的加载速度等。

个人怎么做微信小程序,微信小程序,微信小程序开发

对于小程序的创建或者说小程序的编写,主要还是去编写一些index.js以及各种其他页面的js显示情况以及彼此之间的相互联系等。如下图的新建js以及代码编写处理的地方。

个人怎么做微信小程序,微信小程序,微信小程序开发


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表