微信小程序入门——环境搭建以及开发工具的认识

2020-2-10    seo达人

环境搭建

首先在微信公众平台注册一个我们自己的账号：





根据注册提示完成注册


  1. 用我们刚刚注册好的账号登录，进入微信官方文档界面，下载微信开发者工具




  2. 根据提示安装好就可以登录创建工程了！



    开发工具的认识

    开发工具的界面详解：





    MINA框架：

    js文件：页面中的逻辑界面；用于功能编写

    wxml文件：配置页面元素及页面布局

    wxss文件：样式文件，对页面进行美化【在文件夹中重写时，覆盖默认的页面样式】

    json文件：页面的配置文件，例如tabBar的描述【在文件夹中重写时，覆盖默认的页面结构】



    App文件：

    App.js文件：用于注册一个小程序，并进行生命周期

    App.json负责整个App的配置：

    （1）pages：定义小程序的路由

    （2）window：定义小程序的顶部菜单

    （3）tabBar：定义小程序的底部Tab

    （4）networkTimeout：定义小程序的超时

    （5）debug：定义小程序的debug模式

    App.wxss样式会被整个App的页面引用，公用css可以写在这里



    创建工程

    1.登录微信开发者工具，进行工程创建的信息填写



    -项目名称必须与事先定好的路径最后一个文件名相同，如果没有，项目名称将会自动修改为路径里面最后一个文件名。若强行修改项目名称，则会出现一下错误，导致无法创建。


  3. 在微信公众平台找到我们的AppID，填在AppID的文本框内。也可以暂时使用测试号



    3.创建完成后，根据需要就可以自己修改代码，完成自己的小程序编写了！


« 数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇 QQ和微信的输入栏为什么不一样？ »

分类

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档