从零开始学习微信小程序

时间:2024-01-05 10:15:32

1、微信公众号和小程序的区别

  公众号可以基于html5、vue、react、anguar开发,小程序只能用小程序开发语言。

  小程序更接近于原生app。

  借助jssdk调用手机功能强大。

开始:

2、创建小程序项目

  小程序ID

  创建普通项目模板

3、小程序结构分析:

  pages文件夹:所有的页面

    每个页面有单独的wxml,wxss,js,json文件(html,css,js,配置文件)。

  utils文件夹:模块化的东西

    util.js:模块化、全局的方法,

  app.js:全局的js文件,想要在别的js文件获取只需要写一个 getApp() 方法调用即可。

  app.json:全局的配置文件,如:顶部导航条颜色样式、底部菜单栏样色样式等等

  app.wxss:全局的css文件

  project.config.json:项目配置文件,(正常不用管)

4、新建页面:

  可以在文件夹内新建文件夹、wxml、wxss文件。

  在app.json的pages下新建页面(正常就应该这么建)