评论

【小程序学习记录】-第一个小程序

第一篇社区文章

前言

作者其实也是一名小程序开发的学习者,想着自己也算是开发了几个小程序玩了,回看过去自己刚入门的时候,也是遇到了很多的问题,当时看文档,一时半会也不是看的很懂,网上各种找教程,最终也是不尽人意。所以我想写一个教程,一是为了巩固自己的知识,二是为想入门小程序的同学们提供一个好的经验,三是为微信社区做一点贡献。

创建项目

注:此处跳过了小程序开发者注册和下载编辑器的环节,因为这一部分微信小程序团队已经给了我们非常细的小程序文档,图文并茂,相信一定可以很好的看懂。
ok !废话有点多,切入正题。当你完成上面的两部后就,打开编辑器开始创建项目。如下图:


完成后就可以看到编辑器自动为我们生成了一个小程序,这就是你的第一个小程序,先不要急着写代码,我首先要讲的是,小程序的文件目录的含义和用处,这很重要。

文件结构


如上图,你会看到这些文件,pages文件夹是所有页面的文件夹,而注册一个页面,也会生成一个文件夹,里面有四个文件,js,wxss,wxml,json。这些都是每一个页面的主要文件,wxml是页面的结构,wxss是用来修饰整个页面的,js也来实现很多业务逻辑的,json文件是很重要的页面配置文件,(这里给新手多说一点:logs文件可有可无,它是一个日志文件)

现在来讲一下全局页面文件,如上的四个文件,是每一个小程序必须有的四个文件,js可以定义一些全局的方法,wxss呢则是定义的全局的样式,json还是一样主要起配置页面的作用,每当你需要一个界面时,你都要在json里面注册一下。关于页面配置的详情见文档的页面配置。最下面的project.config,json文件是用来配置编辑器的,它可以记住你的编辑的喜好,和做的一些调整。
🆗,第一篇教程就到着结束了,废话写的有点多,会积极改正,也希望有大佬可以指正一些错误,下一篇将会开始写代码了!从最基本的组件开始…请期待

最后一次编辑于  08-04  
点赞 6
收藏
评论

3 个评论

  • x_Qiang
    x_Qiang
    03-16

    希望大家可以多多评论交流

    03-16
    赞同 1
    回复 3
    • 北纬30度
      北纬30度
      03-20

      加个微信可好

      03-20
      回复
    • x_Qiang
      x_Qiang
      03-21回复北纬30度

      非大佬

      03-21
      回复
    • 北纬30度
      北纬30度
      03-22回复x_Qiang

      嗯 ,距离大佬之间只差一个呆呆的初行者。。。

      03-22
      回复
  • 徐斗明
    徐斗明
    03-16

    分享一套小程序商城源码,路过的开发了解一下:https://github.crmeb.net/u/gitee

    03-16
    赞同 1
    回复
  • 北纬30度
    北纬30度
    03-22

    目前觉得我在盲目学习,学习头绪思路不是很清晰,不知从哪方面入手

    03-22
    赞同
    回复 2
    • x_Qiang
      x_Qiang
      03-22

      你有没有基础啊,就是web前端开发?没有基础可以先把文档的教程篇看完,之后学习一些基本的组件,了解用法,然后再去看看数据绑定,和一些渲染,最后了解一些布局的知识,然后就是写代码,写代码,写代码,多写才是最重要的

      03-22
      1
      回复
    • 北纬30度
      北纬30度
      03-23回复x_Qiang

      是的,谢谢

      03-23
      回复