微信开发者工具简介

微信开发者工具是由腾讯公司为了支持微信小程序、公众号等应用的开发而设计和开发的。这是一个集成了多种功能的开发工具集,旨在帮助开发者快速构建、测试和发布微信相关的应用。

创建一个微信开发项目

  1. 浏览器打开https://mp.weixin.qq.com/ 注册小程序开发账号,主体类型选择个人,其他跟着步骤走就可以

    1. 登录账号,点击管理,开发管理,在开发设置下,找到开发者ID,复制AppID(很重要)
  2. 在浏览器打开下载 / 稳定版更新日志 (qq.com)下载稳定版的开发者工具

  3. 登录开发者工具,创建自己需要的项目。

小程序学习经验

微信小程序和web网页开发很像(wxml类比html;wxss类是css),首先就是要认清目录结构。

基本目录结构

  1. **pages**:存放所有页面的文件夹,每个页面文件夹内包含四个文件,分别是

    1. *.wxml - 页面结构文件,类似于HTML。
    2. *.wxss - 页面样式文件,类似于CSS,但微信小程序对其进行了扩充。
    3. *.js - 页面的逻辑文件,处理用户输入、网络请求等逻辑。
    4. *.json - 页面配置文件,配置当前页面的窗口表现、设置导航条标题、配置页面的路径等。
  2. app.js - 小程序逻辑层的入口文件,用于定义全局的数据和全局的函数等。

  3. app.json - 小程序的全局配置文件,用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置默认标题等。

  4. project.config.json - 项目配置文件,记录项目的一些信息,如appid、项目名、编译选项等。

  5. app.wxss - 小程序的全局样式文件,定义整个小程序的公共样式。

  6. sitemap.json - 用于配置小程序及其页面是否允许被微信索引。

学习推荐

有耐心的可以看官方的开发文档:developers.weixin.qq.com/miniprogram/dev/framework/quickstart/

没耐心可以看黑马的Day1-00.学习目标_哔哩哔哩_bilibili‘;前4天就的课程就能带你快速了解小程序的开发流程,最后还有一个基于uni-app项目开发实战,非常有趣。


Author: Jie
Reprint policy: All articles in this blog are used except for special statements CC BY 4.0 reprint polocy. If reproduced, please indicate source Jie !
 Previous
2024-09-22 Jie
Next 
2024-09-15 Jie
  TOC