【小程序开发】起步

【小程序开发】起步

一、预备知识

小程序的核心技术主要是三个

  • 页面布局:WXML,类似HTML;
  • 页面样式:WXSS,几乎就是CSS(某些不支持,某些进行了增强,但是基本是一致的) ;
  • 页面脚本:JavaScript+WXS(WeixinScript) ;

在这里插入图片描述

1.1 小程序与普通网页开发的区别

  • 小程序的主要开发语言是 JavaScript ,小程序的开发同普通的网页开发相比有很大的相似性。
  • 但是二者还是有些许区别的,
  • 在小程序中,网页开发渲染线程和脚本线程是分开的,分别运行在不同的线程中。
  • 网页开发者可以使用到各种浏览器暴露出来的 DOM API,进行 DOM 选中和操作
  • 小程序的逻辑层和渲染层是分开的,逻辑层运行在 JSCore 中,并没有一个完整浏览器对象,因而缺少相关的DOM API和BOM API。
  • 这一区别导致了前端开发非常熟悉的一些库,例如 jQuery、 Zepto 等,在小程序中是无法运行的。
  • 同时 JSCore 的环境同 NodeJS 环境也是不尽相同,所以一些 NPM 的包在小程序中也是无法运行的。

二、开始

2.1 注册账号—申请AppID

进入小程序注册页 根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号。

在这里插入图片描述

登录 小程序后台 ,我们可以在菜单 “开发”-“开发设置” 看到小程序的 AppID 了 。

2.2 下载小程序开发工具

小程序的开发工具

  • 微信开发者工具:官方提供的开发工具,必须下载,安装
  • VSCode:较多人比较习惯使用VSCode来编写代码;

微信开发者工具下载地址微信开发者工具下载地址与更新日志

在这里插入图片描述

使用VScode开发推荐下载的插件

  • 小程序开发助手

在这里插入图片描述

  • WXML - Language Service

在这里插入图片描述

  • wechat-snippet

在这里插入图片描述

2.3 创建小程序项目

  • 新建项目选择小程序项目,选择代码存放的硬盘路径,填入刚刚申请到的小程序的 AppID
  • 给你的项目起一个好听的名字,勾选 “不使用云服务” (注意: 你要选择一个空的目录才可以创建项目)
  • 点击新建,你就得到了你的第一个小程序了,点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_53664443/article/details/129875179
今日推荐