入门微信小程序

文章目录

• 一、与网页的区别？
• 二、使用步骤
  • 1.申请账号
  • 2.安装开发工具
  • 3.项目结构
  • 4.引用外部框架
• 总结

一、与网页的区别？

1、小程序的主要开发语言是 JavaScript ；

2、​网页开发者需要面对的环境是各式各样的浏览器，PC 端需要面对 IE、Chrome、QQ浏览器等，在移动端需要面对Safari、Chrome以及 iOS、Android 系统中的各式 WebView 。而小程序开发过程中需要面对的是两大操作系统 iOS 和 Android 的微信客户端，以及用于辅助开发的小程序开发者工具；

3、​网页开发者在开发网页的时候，只需要使用到浏览器，并且搭配上一些辅助工具或者编辑器即可。小程序的开发则有所不同，需要经过申请小程序账号、安装小程序开发者工具、配置项目等等过程方可完成；

二、使用步骤

1.申请账号

（1）进入小程序注册页 根据指引填写信息和提交相应的资料，就可以拥有自己的小程序账号；

（2）登录 小程序后台 ，我们可以在菜单 “开发”-“开发设置” 看到小程序的 AppID 了，后续你会在很多地方要用到 AppID； 

2.安装开发工具

（1）前往 开发者工具下载页面 ，新建项目选择小程序项目；

（2）编译预览；

3.项目结构

（1）.json：可以理解为一个配置文件小程序代码构成 | 微信开放文档

（2）.wxml：布局文件小程序代码构成 | 微信开放文档

（3）.wxss：样式文件小程序代码构成 | 微信开放文档

（4）.js：处理页面和用户的交互

4.引用外部框架

（1）我引用了一个vant-weapphttps://github.com/vant-ui/vant-weapp组件库，首先将项目下载下来，将 `dist` 目录拷贝到自己的项目中。需要在 json 文件中进行自定义组件声明

  "component": true

以 Button 为例：

后续可以根据自己的需求编写样式啦~~等我项目完成再更新发布的流程，我也正在学习...有建议可以留言，希望一起学习进步