前言:

      本篇文章为大家详细介绍微信小程序开发第一篇,后续步骤会逐步更新,欢迎大家关注。

第一步  注册

       1.1 打开网址 https://mp.weixin.qq.com/  然后选择右上角的立即注册

      1.2 然后选择小程序

   

    1.3  输入邮箱,密码,以及验证码,然后点击注册,然后按照提示,进行邮箱激活,以及进行小程序信息登记,选择小程序类型为个人,然后填写个人信息

1.4 下载微信开发者工具

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

1.5 安装后 双击打开,选择小程序项目

1.6 创建项目

1.6.1 选择项目所在目录

1.6.2 到微信公众平台获取小程序的AppId

1.6.3 复制小程序AppId 填入AppID列

1.6.4 填写小程序项目名称,选择创建的模板,点击确定

1.7 项目结构简述

1.7.1 上一步的确定点击之后,微信开发者工具就会为我们自动生成一个项目,具

体结构如下图

1.7.2 快速生成对应功能文件夹,具体操作如下图,然后保存之后,你就会发现             Pages文件夹中会自动生成一个你填的文件夹。以及对应的wxml、wxss、js以及               json文件

wxml    --- 对应html

wxss    ---  对应css

js         --- 我们所有的js操作全部都在这里

json    --- 不经常使用,主要用来存放一些平常使用的json参数等

具体一些原生方法或者控件可前往

https://developers.weixin.qq.com/miniprogram/dev/index.html?t=19012313

查看小程序开发

本编文章总结暂时到这里,小编将在下面的文章中,对小程序的开发流程进行进一步详细的总结。

看完本文有收获?请转发分享给更多人

添加小编微信,加入技术交流群or招聘交流

QQ千人技术交流群: 710566091   一起学习一起成长

学习栈公众号,扫码关注回复获取更多学习资料,点击专题学习更多知识

微信小程序开发-第一弹的更多相关文章

  1. 微信小程序开发--第一个项目

    一:Hello World 1.AppId 2.打开开发者工具 3.显示效果 二:

  2. 使用wepy开发微信小程序商城第一篇:项目初始化

    使用wepy开发微信小程序商城 第一篇:项目初始化 前言: wepy小程序项目初始化的操作,官方文档看了好几遍,感觉写得不是很清楚. 这篇写得挺好的:小程序开发之wepy 1.初始化项目 (1)全局安 ...

  3. 微信小程序开发《一》:阿里云tomcat免费配置https

    小狼咕咕最近开启了微信小程序开发的征程,由于微信小程序的前后台通信必须通过https协议,所以小狼咕咕第一件要做的事就是配置一个能够通过https访问的后台服务.小狼咕咕用的是阿里云ECS服务器,Li ...

  4. 微信小程序开发03-这是一个组件

    编写组件 基本结构 接上文:微信小程序开发02-小程序基本介绍 我们今天先来实现这个弹出层: 之前这个组件是一个容器类组件,弹出层可设置载入的html结构,然后再设置各种事件即可,这种组件有一个特点: ...

  5. 微信小程序开发的基本流程

    微信小程序开发的基本流程 一,微信小程序简介 1,微信小程序简称小程序,张小龙在微信公开课 Pro 上发布的小程序正式上线,时间是2017年1月9日. 2,微信小程序这个词可以分解为“微信”和“小程序 ...

  6. 微信小程序开发学习资料

    作者:初雪链接:https://www.zhihu.com/question/50907897/answer/128494332来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明 ...

  7. 总结微信小程序开发中遇到的坑

    总结微信小程序开发中遇到的坑,一些坑你得一个一个的跳啊,/(ㄒoㄒ)/~~ 1,页面跳转和参数传递实例 首先说一下我遇到的需求有一个我的消息页面,里面的数据都是后端返回的,返回的数据大致如下,有一个是 ...

  8. 微信小程序开发心得

    微信小程序也已出来有一段时间了,最近写了几款微信小程序项目,今天来说说感受. 首先开发一款微信小程序,最主要的就是针对于公司来运营的,因为,在申请appid(微信小程序ID号)时候,需要填写相关的公司 ...

  9. 【微信小程序开发•系列文章六】生命周期和路由

    这篇文章理论的知识比较多一些,都是个人观点,描述有失妥当的地方希望读者指出. [微信小程序开发•系列文章一]入门 [微信小程序开发•系列文章二]视图层 [微信小程序开发•系列文章三]数据层 [微信小程 ...

随机推荐

  1. js中创建对象

    https://www.cnblogs.com/starof/p/4162354.html

  2. Delphi之Exception获得错误信息

    1 unit Unit1; 2 3 interface 4 5 uses 6 Windows, Messages, SysUtils, Variants, Classes, Graphics, Con ...

  3. Open quote is expected for attribute "{1}" associated with an element type "column".

    这个的错误的意思很简单:就是自己的配置文件是否缺少""号

  4. Leetcode——Two Sum(easy)

    题目:Given nums = [2, 7, 11, 15], target = 9, Because nums[0] + nums[1] = 2 + 7 = 9, return [0, 1] 代码: ...

  5. 【Selenium】【BugList10】smtp发送邮件问题汇总:550/535/554

    [场景] 通过126邮箱向QQ邮箱发送HTML格式邮件 [代码1] from email.mime.text import MIMEText from email.header import Head ...

  6. mac mysql5.7.17修改root初始密码(知道初始密码)

    最近在mac上装个mysql可以说是麻烦死了,在这里就说说修改初始密码吧! 刚开始的时候不知道怎么修改,于是上网百度,网上几乎都是说要先执行命令mysqld_safe --skip-grant-tab ...

  7. 小白的CTF学习之路8——节约内存的编程方式

    今天第二更,废话不说上干货 上一章我们学习了内存和cpu间的互动方式,了解到内存的空间非常有限,所以这样就需要我们在编程的时候尽可能的节省内存空间,用最少的空间发挥最大的效果,以下是几种节约内存的方法 ...

  8. git的命令行操作

    1.初始化本地的git仓库git init,代码存放在这里,git会自动对我们的代码进行管理备份. 2.设置用户信息,设置用户名:git config --global user.name " ...

  9. Python序列结构--集合

    集合:元素之间不允许重复 集合属于Python无序可变序列,元素之间不允许重复 集合对象的创建与删除 直接将值赋值给变量即可创建一个集合 >>> a = {3,5}>>& ...

  10. 中间件 activeMQ Jms Java Demo

    一.什么是ActiveMQ 百度解释: ActiveMQ 是Apache出品,最流行的,能力强劲的开源消息总线.ActiveMQ 是一个完全支持JMS1.1和J2EE 1.4规范的 JMS Provi ...