为何现在的微信小程序还是高温不退？主要原因如下：无需安装、不占内存、易传播。

废话不多说，开始进入开发！

-----------小程序环境搭建-----------------------------------

账号注册

百度搜索 "微信公众平台"官网地址： https://mp.weixin.qq.com/微信公众平台小程序注册地址：

创建小程序

1.下载开发工具开发工具下载地址：

2.获取appid小程序的appid相当于小程序平台的一个身份证。

微信官方开发工具开发（或使用其他开发工具开发）

1.注意基础库的版本

2.大致熟悉开发工具

-------------原生开发----------------------------------

在最开始之前，笔者要说的是如果你有学习过类似mvvm思想的框架，比如vue,

那你就比较容易理解和开发小程序了。

小程序文件结构

1.基本的结构

- pages // 包含了所有页面
- index // 页面文件夹- index.js    // 页面的脚本逻辑文件- index.wxml  // 页面模板文件- index.wxss  // 页面样式文件- index.json  // 页面配置文件
-cart //购物车页面- cart.js    // 页面的脚本逻辑文件- cart.wxml  // 页面模板文件- cart.wxss  // 页面样式文件- cart.json  // 页面配置文件
-components//公共组件文件夹
- utils // 普通的工具函数
- app.js   // 项目启动入口
- app.json // 全局的配置
- app.wxss // 全局样式
- project.config.json // 项目的配置文件

和web的页面结构比较：

.wxml .html
.wxss .css
.js .js
app.xxx 指的是整个小程序的样式/配置，有全局控制的感觉
当前页面中的.json .wxss .js 一般都只对当前页面有效，全局无效

2.官方文档学习开发规则

----------------框架开发---------------------------------------------

mpvue

一个使用 Vue.js 开发小程序的前端框架,即把vuejs文件编译成微信小程序文件，当然是会存在一定的平台性差异。

官网：

源码：

mpvue5分钟上手教程

1.安装:

npm install --global vue-cli@2.9

vue init mpvue/mpvue-quickstart store

注意：appid需要输入个人的appid,Vuex（y/n）和eslint（y/n）都输入 n

2.切换到项目目录cd store store 是项目目录

3.安装依赖npm install

4.启动服务npm run dev注意：运行成功后，可以看到本地多了个 dist 目录，这个目录里就是生成的小程序相关代码。

5.使用微信开发工具运行小程序，新建小程序需要的信息：

• 项目目录：就是刚刚创建的项目目录（非 dist 目录）
• AppID，个人的appid
• 项目名称

mpvue基本结构介绍

build - 把mpvue构建成小程序的配置文件(忽略)
config - 基础的配置文件(忽略)
dist - 构建后的小程序项目(忽略)
src - 项目开发文件components - 项目公共组件pages - 小程序页面utils - 工具文件夹 (忽略)app.json - 小程序项目配置文件App.vue - 项目VUE入口文件main.js - 项目入口文件
static - 静态资源文件
-....
project.config.json - 同原生小程序的配置文件

好了，现在你可以开始写你的项目了！！！

初学者可以关注一些学习的公众号，比如前端学习指南等进行了解学习前端这个领域的资讯和发展。