微信小程序开发入门教程

本教程就教会初学者入门微信小程序制作。

一、准备工作

1、小程序开发条件：微信开发者工具，到https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html去下载。

2、然后要注册小程序，去 https://mp.weixin.qq.com/wxopen/waregister?action=step1 根据步骤注册，建议初学者注册个人账号。

3、必要条件：熟悉分层架构，html，js，css基本知识。小程序里面是微信封装的组件和事件方法，但是只要我们对网页三剑客有所了解，学习起来问题不大。

二、开发工具介绍

其实微信小程序的开发模式是mvvm，不需要过多理解。你要做的就是在对应的文件里面写对应的代码。

三、开发一个demo

1、在details.wxml、details.wxss、details.js中写代码

<!--pages/details/details.wxml-->
<view class="view1">我是小程序</view>
<view>{{value}}</view>



/* pages/details/details.wxss */
.view1{
  background-color: rgb(230, 187, 187);
  border: 1px solid #000;
}


// pages/details/details.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    value:"我是demo"
  },

 

 

这样，一个简单的小程序就实现了。当然，这里只是带初学者入个门，有问题留言。