【微信小程序丨第一篇】初识微信小程序开发

前言

小程序是一种新的开放能力,开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验。

文章目录

  • 前言
  • 1、什么是微信小程序
    • Ⅰ-小程序历史
    • Ⅱ-小程序的优势
  • 2、小程序准备
    • Ⅰ-环境准备
    • Ⅱ-新建小程序流程
    • Ⅲ-微信开发者工具介绍
      • 1)开发工具界面图解
      • 2)开发工具的一些基本配置
  • 3.微信小程序名称或者原始id该如何找回?

【微信小程序丨第一篇】初识微信小程序开发_第1张图片

1、什么是微信小程序

Ⅰ-小程序历史

  1. 2017 年度百度百科十大热词之一
  2. 微信小程序,简称小程序,英文名 Mini Program,是一种不需要下载安装即可使用的应用 (张小龙对其的定义是无需安装,用完即走,实际上是需要安装的,只不过小程序的体积特别小,下载速度很快,用户感觉不到下载的过程 )
  3. 小程序刚发布的时候要求压缩包的体积不能大于 1M,,否则无法通过,在2017年4月做了改进,由原来的1M提升到2M;
  4. 2017年1月9日0点,万众瞩目的微信第一批小程序正式低调上线。

Ⅱ-小程序的优势

  1. 微信有海量⽤⼾,⽽且粘性很⾼,在微信⾥开发产品更容易触达⽤⼾;
  2. 推⼴app 或公众号的成本太⾼。
  3. 开发适配成本低。
  4. 容易⼩规模试错,然后快速迭代。
  5. 跨平台。

2、小程序准备

Ⅰ-环境准备

  1. 安装微信小程序开发工具,建议安装稳定版进行开发

  2. 注册小程序账号

  3. 使用注册的appid进行使用,如果是测试号会限制很多功能

在官网登录成功后可以看到下面的界面,然后复制你的APPID,悄悄的保存起来,不要给别⼈看到

Ⅱ-新建小程序流程

  1. 打开开发者工具,第一次打开需要扫码登陆

  2. 新建小程序项目

【微信小程序丨第一篇】初识微信小程序开发_第2张图片

  1. 填写项目信息

【微信小程序丨第一篇】初识微信小程序开发_第3张图片

  1. 新建成功

Ⅲ-微信开发者工具介绍

1)开发工具界面图解

详细的使⽤,可以查看官⽹:

【微信小程序丨第一篇】初识微信小程序开发_第4张图片

2)开发工具的一些基本配置

  1. 点击工具栏–>详情–>本地设置,除了默认勾选,需要勾选其他的几个如:增强编译、不校验合法域名…

【微信小程序丨第一篇】初识微信小程序开发_第5张图片

  1. 常用快捷键keyMap修改设置(本人习惯记录):

    1. ctrl+P:全局搜索

    2. alt+/or shift+j:代码提示

【微信小程序丨第一篇】初识微信小程序开发_第6张图片

3.微信小程序名称或者原始id该如何找回?

问题描述:很久没有进行开发了,小程序的名称跟原始id都忘记了,找回需要先填写,如何解决

解决:首先查询自己的原始id,在这个网站能查询到自己的原始id,再通过这个原始id进行找回


【微信小程序丨第一篇】初识微信小程序开发_第7张图片

你可能感兴趣的:(微信小程序学习,微信小程序,小程序,微信,学习)