咨询热线:4006-055-225
微信号
新闻中心News
长春小程序开发-长春商城小程序-长春做网站公司-鹏越科技

微信小程序开发入门

作者:admin | 点击: | 来源:admin
0611
2019
今天带你认识一下微信小程序的开发。 本文默认为完全没接触过小程序开发的童鞋们准备。 开发小程序基础:HTML、CSS、JavaScript。 不过本文暂不考虑这些,我们来大体介绍一下 首先,...

微信小程序开发和 Web 前端开发十分接近,简单粗略地说就是和做网页差不多。因此,想要上手小程序开发,首先最好具备前端的基本功:HTML5 + CSS3 + JavaScript。如果接触过 Vue.js 之类的现代前端框架,还能更轻松地理解小程序的组件化开发。

今天带你认识一下微信小程序的开发。

本文默认为完全没接触过小程序开发的小伙伴们准备。

开发小程序基础:HTML、CSS、JavaScript。
不过本文暂不考虑这些,我们来大体介绍一下
首先,要开发小程序你需要申请一个微信公众平台账号,在
https://mp.weixin.qq.com/
用自己的微信号直接申请就可以了。
然后就要下载开发者工具来写代码、上传、预览。
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=2018626/
下载、安装。
登录。
微信小程序开发入门的简单介绍
微信小程序开发入门的简单介绍
项目目录是你的代码存放地;
AppID是小程序的账号,需要申请,且每个邮箱只能申请一个,我们可以先体验小程序来跳过输入AppID(远程调试等功能会不能使用,但不影响我们写和编译);
项目名称是在开发工具上显示的名字,和小程序内容无关,就是个昵称。
微信小程序开发入门的简单介绍
微信小程序开发入门的简单介绍
快速启动模板是微信为了让使用者快速入门提供的一个简单的Hello World!程序,内容代码包含很多注释,可以快速上手。
微信小程序开发入门的简单介绍
微信小程序开发入门的简单介绍
打开以后长这样。
开发工具的具体各种功能都是傻瓜式的,与一些开发工具差别不大,自己探究吧!
可以看到快速启动模板上有两个文件夹和四个文件:pages和utils,app.js、app.json、app.wxss、project.config.json。
微信小程序开发入门的简单介绍
微信小程序开发入门的简单介绍
pages文件夹里面存放的文件是要显示的各页面,每个子文件夹就是一个页面的内容,子文件夹又包含4个文件,.js、.json、.wxss、.wxml。
.wxml文件是界面文件;
.js是事件交互文件,用于进行逻辑处理;
.wxss为界面美化文件,控制界面格式;
.json为每页配置文件,可以修改导航栏显示样式;
其实整个小程序就是由这四种文件构成的各个页面。
utils文件夹主要用于存放一些全局调用的.js文件,比如需要用到的外部API等。
在根目录下的app.js、app.json、app.wxss等文件主要功能也如上面所说,但app文件主要负责全局调控。
app.js : 方法处理文件,进行程序刚开始运行时事件处理,处理小程序的生命周期函数;
app.json : 全局配置文件,配置小程序的所有页面(所有页面必须先在这里声明),小程序背景色,导航条样式,标题(注意该文件不可添加任何注释);
app.wxss : 全局的界面美化,配置页面默认样式,当加载其他页面时,当前页面的wxss文件会覆盖app.wxss文件;
由于名字叫小程序,所以程序一定要小,官方规定代码不可以超过2M。

自 2017 年 1 月 9 日正式发布以来,微信小程序已经渗透到我们生活的方方面面,伴随着各大公司对微信小程序生态的重视,小程序业务需求持续增长,开发者们面临的技术问题越来越复杂,对于微信小程序开发效率也越来越重视。

2018年,微信小程序将成为中国零售、电商重要的消费场景,行业对于微信小程序开发者的人才需求将呈指数级增长。

以上就是微信小程序入门教程,望大家喜欢,同时欢迎大家反馈或者向小编提需求。



鹏越科技为企业提供小程序开发制作服务,欢迎扫描以下二维码咨询!


我要咨询做小程序