微信小程序入门教程 --(保姆级)
一、小程序注册
1、首先,到小程序官网注册自己的小程序账号,以下附有地址和教程:
小程序官网
进入这个地址之后,会看到这样的页面,点击立即注册按钮
2、在接下来的页面,选择小程序
3、然后根据提示完成三个注册步骤,(1).填写正确的邮箱和密码格式;(2).进行邮箱激活,在自己的邮箱里会收到一条验证信息,点击激活即可;(3).填写信息,进行信息登记,完成三个步骤即注册完成。
4、注册完成后,返回首页进行登录,用自己的微信扫描首页的二维码即可登录。
5、登录成功之后,按下面步骤找到自己的微信小程序 Id 账号。
二、下载微信开发者工具
1、下载
微信开发者工具就是开发微信小程序的一个编译工具,点击以下官网地址进行下载和安装。
微信开发者工具下载(稳定版)
2、安装
进入链接之后,选择适合自己系统的进行下载,下载完成之后,双击安装包进行安装,步骤如下:
3、完成
点击完成之后会弹出一个二维码,用自己的微信扫描二维码,然后再手机上确认,就会弹出这样一个页面,接下来就可以新建第一个项目了。
三、新建项目
1、如果微信开发者工具下载完成之后没有弹出以上新建页面,就双击打开微信开发者工具,图标如下所示:
2、可以在桌面或者某一个文件夹里面创建一个空的文件夹,名字任意英文字母组成,例如:
3、点击+号,新建第一个项目
4、选择自己创建的文件夹目录,AppID 是刚才注册小程序的 ID 账号,复制粘贴即可,然后后端服务选择 不适用云服务,模板可以选择JavaScript基础模板,(如果你会 TypeScript ,也可以选择TypeScript 基础模板),然后点击确定即可创建第一个项目。
5、创建完成之后,进入到项目页面,如下所示:
四、项目目录介绍
1、工具介绍
2、项目目录介绍
- pages 用来存放所有小程序的页面
- utils 用来存放工具性质的模块(例如:格式化时间的自定义模块)
- .eslintrc.js 检测代码样式格式的文件
- app.js 小程序项目的入口文件
- app.json 小程序项目的全局配置文件
- app.wxss 小程序项目的全局样式文件
- project.config.json 项目的配置文件
- project.private.config.json 项目私有配置文件
- sitemap.json 用来配置小程序以及页面是否允许被微信索引
3、创建新页面
在 app.json 文件中,pages 目录下,添加 home 页面,写在最上面就会显示在模拟器中,保存之后会自动生成home页面。不要忘了加英文逗号!!!
4、书写简单样式
以下是简单的页面编写示范:接下来就可书写代码了,下面是随意创建了一个页面,演示了一些简单的代码,更多基础内容详解可查看首页其他文章。
五、微信小程序开发文档
微信小程序开发文档
上面这个☝是微信小程序开发文档的地址链接, 有各种不懂的问题都可以去查阅文档,有微信小程序开发步骤,各种 API 和组件等等。
这些是小程序入门教程,更多基础内容,可点击我的头像去个人中心查看,后续会持续更新~
希望各位不要吝啬,给个小赞赞~
微信小程序入门教程 --(保姆级)相关推荐
- 微信小程序入门(保姆级)
一 注册微信小程序 如果你没有微信公众平台的账号,请先进入微信公众平台首页,点击"立即注册"按钮进行注册.注册的账号类型可以是订阅号.服务号.小程序以及企业微信,我们选择" ...
- 微信小程序入门教程+案例demo
微信小程序入门教程+案例demo 尊重原创,转载请注明出处:原文查看惊喜更多 http://blog.csdn.net/qq137722697 首先摆在好姿态,--微信小程序开发也就那么回事.你只需要 ...
- 从零开始的微信小程序入门教程(一)
从零开始的微信小程序入门教程(一) 之前说要和同事一起开发个微信小程序项目,现在也在界面设计,功能定位等需求上开始实施了.所以在还未正式写项目前,打算在空闲时间学习下小程序.本意是在学习过程中结合实践 ...
- 从零开始的微信小程序入门教程
之前说要和同事一起开发个微信小程序项目,现在也在界面设计,功能定位等需求上开始实施了.所以在还未正式写项目前,打算在空闲时间学习下小程序.本意是在学习过程中结合实践整理出一个较为入门且不是很厚的教程, ...
- 微信小程序入门教程---列表渲染多层嵌套循环及wx:key的使用(双层for循环)
前言 入门教程之列表渲染多层嵌套循环,目前官方的文档里,主要是一维数组列表渲染的案例,还是比较简单单一,给刚入门的童鞋还是无从入手的感觉. <view wx:for="{{items} ...
- 开发微信小程序入门教程,含破解工具
2016年09月21日晚 微信发不了微信"小程序"的内测版,一时间整个互联网都炸了锅.个大新闻.论坛都在讨论这个事情. 作为互联网的一猿,我们怎能不紧跟时代的脚步.于是第二天上午也 ...
- 微信小程序入门教程学习笔记
写在前面: 作为一个刚刚入坑微信小程序的小白,以下是我在学习中的笔记,因为我真的太健忘了... 文章中可能会有错误,但是我会不断的修正的. 谢谢浏览,如有错误烦请指正 (≧∀≦)ゞ 微信官方的小程序开 ...
- 微信小程序入门教程之三:脚本编程
这个系列教程的前两篇,介绍了小程序的项目结构和页面样式. 今天,接着往下讲,教大家为小程序加入 JavaScript 脚本,做出动态效果,以及如何跟用户互动.学会了脚本,就能做出复杂的页面了. 本篇的 ...
- 微信小程序入门教程之四:API 使用
目录 一.WXML 渲染语法 二.客户端数据储存 三.远程数据请求 四.组件 五.获取用户个人信息 六.多页面的跳转 七.wx.navigateTo() 本篇就介绍怎么使用 API. 所有示例的完整代 ...
最新文章
- 技术图文:如何利用C# + Echarts 绘制 Bar Simple?
- 执行startx后Ubuntupassword正确进不去的问题
- linux磁盘分区格式化与挂载
- Curator实现分布式锁的基本原理-InterProcessMutex.acquire
- [JavaWeb-JavaScript]JavaScript运算符
- qt 串口 环形缓存_qt linux串口 缓冲区多大
- [剑指offer][JAVA][面试题56 - I][第260题][位运算][HashSet]
- MSSQL OPTION语句详解
- java 数组 存储_Java-将数组存储到内存或从内存上传到磁盘
- Python笔试面试题
- 用c语言做一个背单词的软件,安利一个超好用且自由度高的背单词app
- Allegro封装制作
- html5 3D地球转动动画js特效
- 双线性插值bilinear interpolation
- Evolutionary Acyclic Graph Partition
- endnote添加引文格式
- http协议1.0和1.1的区别
- Android 2.3的StrictMode使用
- 计算机丢了文件游戏打不开,你好360检测说我电脑文件缺失现在我电脑里游戏客户端打不开了怎么办...
- Wondershare PDFelement for Mac v8.6.1 中文版 – 强大的PDF编辑工具
热门文章
- 使用 Cobra 构建命令行工具
- python间进制转换(二进制、八进制、十进制,十六进制)
- scrapy log日志重定向,设置全局日志等级
- 1.4 PhalApi 接口响应与在线调试
- 用10086客服热线理解Java高级多线程之线程池
- 【文献研究】轴辐式航线网络设计—Liner hub-and-spoke shipping network design
- 《摸鱼篇》---关于撩妹那点破事
- 邻域保留投影算法(NPE)(Neighborhood Preserving Embedding)算法详解
- 同一浏览器下多个页面sessionid覆盖
- NPE nullpoNullPointerException问题