前言
作者其实也是一名小程序开发的学习者,想着自己也算是开发了几个小程序玩了,回看过去自己刚入门的时候,也是遇到了很多的问题,当时看文档,一时半会也不是看的很懂,网上各种找教程,最终也是不尽人意。所以我想写一个教程,一是为了巩固自己的知识,二是为想入门小程序的同学们提供一个好的经验,三是为微信社区做一点贡献。
创建项目
注:此处跳过了小程序开发者注册和下载编辑器的环节,因为这一部分微信小程序团队已经给了我们非常细的小程序文档,图文并茂,相信一定可以很好的看懂。
ok !废话有点多,切入正题。当你完成上面的两部后就,打开编辑器开始创建项目。如下图:
完成后就可以看到编辑器自动为我们生成了一个小程序,这就是你的第一个小程序,先不要急着写代码,我首先要讲的是,小程序的文件目录的含义和用处,这很重要。
文件结构
如上图,你会看到这些文件,pages文件夹是所有页面的文件夹,而注册一个页面,也会生成一个文件夹,里面有四个文件,js,wxss,wxml,json。这些都是每一个页面的主要文件,wxml是页面的结构,wxss是用来修饰整个页面的,js也来实现很多业务逻辑的,json文件是很重要的页面配置文件,(这里给新手多说一点:logs文件可有可无,它是一个日志文件)
现在来讲一下全局页面文件,如上的四个文件,是每一个小程序必须有的四个文件,js可以定义一些全局的方法,wxss呢则是定义的全局的样式,json还是一样主要起配置页面的作用,每当你需要一个界面时,你都要在json里面注册一下。关于页面配置的详情见文档的页面配置。最下面的project.config,json文件是用来配置编辑器的,它可以记住你的编辑的喜好,和做的一些调整。
🆗,第一篇教程就到着结束了,废话写的有点多,会积极改正,也希望有大佬可以指正一些错误,下一篇将会开始写代码了!从最基本的组件开始…请期待
希望大家可以多多评论交流
加个微信可好
非大佬
嗯 ,距离大佬之间只差一个呆呆的初行者。。。
分享一套小程序商城源码,路过的开发了解一下:https://github.crmeb.net/u/gitee
目前觉得我在盲目学习,学习头绪思路不是很清晰,不知从哪方面入手
你有没有基础啊,就是web前端开发?没有基础可以先把文档的教程篇看完,之后学习一些基本的组件,了解用法,然后再去看看数据绑定,和一些渲染,最后了解一些布局的知识,然后就是写代码,写代码,写代码,多写才是最重要的
是的,谢谢