微信小程序1--入门

Posted 九零后大辰辰

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序1--入门相关的知识,希望对你有一定的参考价值。

本篇介绍如何入手微信小程序开发,主要从开发工具、官方技术文档、小程序代码构成、开发流程四个方面讲解。

1.开发工具

地址:开发工具地址

 我选择稳定版,BUG少,使用可靠。

 安装流程:一直点下一步,根据需要修改安装目录

2.官方技术文档

写第一个小程序流程:申请账号 > 新建项目 > 编译预览

官方技术文档:更多资料

3.小程序代码构成

 

官方文档:小程序代码构成 

宿主环境、协同工作和发布目录只需大概阅读一下。

4.开发流程

 

components (组件目录) : 组件可放在这个目录。

images (静态图片目录 ):小程序中会引入很多静态图片,可统一放在这里进行管理。

pages(页面目录):你所写的所有小程序页面都在这个目录,也是以后最常用的目录。

utils(工具目录):工具js文件放在这里进行管理。

app.js(页面公共js文件):所有页面可以共用的js文件,为我们提供很多方便,有全页面共享的数据,还可以在小程序生命周期里做很多事情,后面会细讲。

app.json(页面公共配置文件):小程序页面、样式、插件、组件、版本等的配置文件。

app.wxss(页面公共样式文件):小程序页面样式的公共文件。

project.config.json(项目配置文件):小程序项目的配置文件,一般不会去动他,除非特殊需求。

如果引入了一些其他前端框架可以放在dist(其他框架目录)

有了完整的目录就可以开始第一个页面的开发了。

如果使用的是原生的小程序框架开发前端页面的话,建议阅读官方的技术文档。里面详细介绍了框架如何去使用,并且内容十分丰富,有许多看起来很难的功能,官方都已经帮我们封装好了,可以直接使用。

最常用的是view组件,页面的布局结构就由它来书写。

以上是关于微信小程序1--入门的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序入门(七):缓存数据-单条数据

微信小程序入门介绍

微信小程序开发小白零基础入门微信小程序入门建议收藏

微信小程序 | 49,小程序入门集锦系列文章20篇

微信小程序入门(四):页面数据展示

微信小程序入门到实战-基础知识