当前位置:微信小程序开发 > 小程序资讯 > 小程序开发教程 > 霸界科技教你如何从零做微信小程序开发(一)

霸界科技教你如何从零做微信小程序开发(一)

2018-05-28 15:26 来源: 霸界科技

摘要:霸界科技霸界科技教你如何从零做微信小程序开发,希望操作步骤,对初期开发者会有所帮助....

期权保本理财
  从零到有写一个微信小程序开发系列专题,霸界科技很早以前就想写来分享,但由于项目一直在进展,没有过多的时间研究技术,现在可以继续分享了。1:注册用没有注册过微信公众平台的邮箱注册一个微信公众号, 申请帐号 ,点击 https://mp.weixin.qq.com/wxopen/waregister?action=step1 根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号。注册完成之后开始登录。

 
霸界科技教你如何从零做微信小程序开发
 
 
  2:登录 https://mp.weixin.qq.com
 
  我们可以在菜单 “设置”-“开发设置” 看到小程序的 AppID 了 。小程序的 AppID 相当于小程序平台的一个身份证,后续你会在很多地方要用到 AppID (注意这里要区别于服务号或订阅号的 AppID)。有了小程序帐号之后,我们需要一个工具来开发小程序。根据官方教程进行开发https://mp.weixin.qq.com/debug/wxadoc/dev/
 
霸界科技教你如何从零做微信小程序开发
 
  3:安装开发工具
 
  前往 开发者工具下载页面 ,根据自己的操作系统下载对应的安装包进行安装,有关开发者工具更详细的介绍可以查看 《开发者工具介绍》 。打开小程序开发者工具,用微信扫码登录开发者工具,准备开发你的第一个小程序吧!
 
霸界科技教你如何从零做微信小程序开发
 
  4:安装完成之后
 
  你的第一个小程序开启:新建项目选择小程序项目,选择代码存放的硬盘路径,填入刚刚申请到的小程序的 AppID,给你的项目起一个好听的名字,最后,勾选 "创建 QuickStart 项目" (注意: 你要选择一个空的目录才会有这个选项),点击确定,你就得到了你的第一个小程序了,点击顶部菜单编译就可以在 IDE 预览你的第一个小程序。
霸界科技教你如何从零做微信小程序开发
霸界科技教你如何从零做微信小程序开发
 
  5:编译预览
 
  点击工具上的编译按钮,可以在工具的左侧模拟器界面看到这个小程序的表现,也可以点击预览按钮,通过微信的扫一扫在手机上体验你的第一个小程序。OK,你已经成功创建了你的第一个小程序,并且在微信客户端上体验到它流畅的表现。
 
霸界科技教你如何从零做微信小程序开发
 
  小程序初始化目录介绍:
 
  1:page 页面文件夹 存放项目页面渲染相关文件
 
霸界科技教你如何从零做微信小程序开发
 
  2:utils 存放js库和数字格式化文件
 
霸界科技教你如何从零做微信小程序开发
 
  3: 配置文件
霸界科技教你如何从零做微信小程序开发
分享到:
最新评论

网友:

验证码: 点击我更换图片

联系我们

业务咨询:15918761088

招商咨询:15918761088(微信同号)

周一至周五 9:30-18:30

公司地址:广州市海珠区昌岗中路166号富盈国际大厦2505室

官方微信 官方微博

Copyright © 2018 www.keji168.com 广州霸界网络科技有限公司版权所有 粤ICP备18083764号-1

客服
套餐咨询,合作细节等
在线客服
电话咨询
159-1876-1088