微信小程序開發入門教程

本教程就教會初學者入門微信小程序製作。

一、準備工作

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"
  },

 

 

這樣，一個簡單的小程序就實現了。當然，這裏只是帶初學者入個門，有問題留言。