我之前没有学过编程，下面的回答侧重于小程序开发的实际操作方法，肯定适合零基础的人，高手们别笑话。官方的文档确实很重要，随时都要用，但身为小白，先动手、做起来、做出来更首要。没有编程基础，上来就以学文档学代码为主，太抽象太枯燥了，很容易把自己吓跑的。

本人情况：在一家卖酒的店里打工，平时比较闲，想为自己多找条出路，都说IT行业挣钱多，自己也比较感兴趣，加上小程序比较火，就从小程序开发先入手搞起。

下面是我自己做小程序开发的简要过程（基于牛刀云举例，包括制作、提交审核、发布、下载小程序码等，总共有13步）:

开发前，最好先做个原型，把自己的需求理顺。我用的工具为Axure， 下载的是一个免费版，功能不全，但自己梳理想法足够了。

现在小程序开发工具大多都是纯线上版本，无需下载；并且，打开注册页后一般都可以用扫码即可完成注册，非常简便。

需要补充说明下：想开发小程序，官方的开发工具肯定是要用的，但是对于没有编程基础的人来说，这个官方工具只能做做最后的发布。最复杂的开发制作环节，咱这种初级人员玩不转。所以像我这样的菜鸟群体，制作时得依靠市面上第三方工具。有很多，各有特色；当然，工具固然重要，但背后思路方法更为本质。

在模板市场中，选择跟自己需求最为接近的模板，点击“使用”，即可进入开发制作台，开始小程序的正式制作。开发小程序，早期最好基于现成模板就行搭建，在使用过程中再逐步调整，在后期越来越熟悉后，就可以尝试进行深度个性化开发。

选好模板并“使用”后，在制作台中央，模板以及模板的各个组成部分就会可视化的展现出来了。选中希望修改的模块，在右侧对基础属性、样式和触发条件（什么情况下该模块开始工作）等进行设置。如果需要增加一些新功能模块，可以在制作台左侧找到相应的模块（牛刀云称为组件），然后直接拖放到屏幕中央的小程序界面里，再回到右侧做做样式设置，就能完成一个基本模块的开发。

小程序的前端、后台服务，都可以参考上面的方法进行开发制作，具体可以进入“高级”标签页详细查看。

如果模块拖拽的方式觉得不过瘾，想更彻底的掌控小程序开发细节，也可以切换到IDE模式：

牛刀云的IDE模式，支持用javascript、html5和css语言对小程序进行编程。因为代码编写我暂时还不会，介绍不上来，等过段时间学下这几个语言，再补充点代码操作的案例上来。

开发制作操作完成后，将进入配置、发布环节。

首次发布小程序，需要先进行小程序注册，获得小程序账号的appid和appsecret。

然后再回到所使用的开发制作工具（牛刀云）里完成小程序账号信息配置。在牛刀云制作台导航栏上选"高级"——>再在屏幕左上方选“管理后台”——>左侧功能树列表里选“配置”：

小程序正式发布前需要进行服务器域名配置。有服务器域名小程序才能正常工作。

在牛刀云制作台的“发布”页面中，单击“第三步 导入开发者工具”按钮，显示出发布版本的服务器域名：

然后，在小程序官网登录小程序账号，单击首页中的“开发页面”按钮，打开开发页面，向下滚动，即可看到服务器域名的配置。注意服务器域名在一个月内只能修改5次。

下载 · 官方的小程序开发工具（即所谓的"开发者工具"）

点击牛刀云制作台右上角的“发布”按钮，进入“发布”页面，单击页面中的“第二步 下载小程序”按钮，页面中显示“正在生成小程序，请稍等…”，使用浏览器的下载功能，下载步骤4中制作好的小程序包：

打开开发者工具。在开发者工具中新建一个项目，输入小程序账号的appid、项目名称、选择项目目录，为导入制作好的小程序包做准备：

在开发者工具中，单击“上传”按钮，上传步骤8导出的小程序包。上传后，因为还未审核，所以都叫"开发版本"。

上传后，登录公众平台|小程序，在“开发管理”中可以看到刚上传的开发版本。

将开发版本提交审核，审核通过后，才能提交发布，提交审核的方法是：单击“开发版本”右侧的“提交审核”按钮，打开“提交审核相关须知”，按向导完成提交审核流程。

提交审核后，登录公众平台|小程序，在"开发管理"页面中的审核版本中会显示“审核中”。等待审核结果。

审核通过后，审核版本中显示“审核通过，待发布”，单击审核版本右侧的“提交发布”按钮，小程序将正式发布到线上提供服务。

页面，

小程序提供了小程序码，用于扫描后打开小程序。登录公众平台|小程序，在设置页面中下载小程序码，单击“下载更多尺寸”按钮，打开更多尺寸对话框，提供多种颜色和尺寸的小程序码用于下载。

再就题主的问题补充说一下：我刚开始甚至连HTML5、CSS都没听说过，更别说js（javascript）了。后来在制作过程中，我并没有满足于拖拉放，而是一边图形化搭建着，一边注意经常切换到代码状态琢磨琢磨，现在虽然还不能自己独立写代码，但基本上能读懂个大概了，还能做做简单代码修改。当然，一个重要原因是，正好牛刀云的可视化模式与代码模式来回对应起来确实比较方便、省事。否则我也没有勇气去研究代码。

既然说了是零基础，想学小程序开发。

那我们就反着来推:

1、小程序开发需要什么技术？哪些技术呢？

答案:小程序开发本质上需要的技术无非就是 JS ，CSS 样式，以及 类似 Html 标签的组件的使用。

所以那么下一个问题来了。

2、我要学会这些技术才能开发小程序，那么，我该学习哪些技术呢？

通过第一问，我们就知道，学习 HTML 学习 CSS 学习 JS 技术即可。

3、该如何学习这些技术呢？

HTML ，CSS 样式这些东西比较简单，即使零基础，我感觉一周之内看看官方文档必能学会。唯一有点难度的就是 JS 的学习。

现在是互联网时代，网上资料多的是，关于 HTML，CSS，JS 的资料，网上一大把，找免费的就行，文档，视频有的事，没必要花钱买付费的。

4、那么，我学会这些技术就可以马上开发了么？

不。小程序用到了这几个技术不假，但是也不是马上开发，建议再去学习一下小程序的官方文档，看看文档中的组件的使用，API的使用，框架的介绍。看完了这些，你就可以开发出一个小程序了。

5、难道到这里就完了吗？

答案好像并不是，上面完了只是你能画小程序界面了，那么我想要数据怎么办？服务器怎么办？前四问只是帮助我完成了前端的工作。可是后台的工作怎么办？数据库怎么办？

你也要一一学习吗？这太难了，对于零基础的人来讲。

但是，不用怕，因为官方为了简化开发的流程和工作，降低的开发门槛，提供了直接配置云服务和云数据库的方案，你只需要稍加学习即可，完成接口的工作，这样你才能完整的开发一个小程序。

看到这里，不知道你明白了么？

直接使用小程序模板做一些简易拖拽式的修改然后发布，个人认为不算是入门小程序开发，只能说入门小程序制作。而且这种做法只能满足功能单一，没有什么数据交互，很常见的小程序制作，在现实中最后往往走向两条路：1.乖乖氪金 2.老老实实敲代码。

（前面的很多人已经聊了实际的学习方法了，我这里主要讲入门思路）

言归正传：

入门思路：注册安装环境——研究创建项目后的demo——初步了解语法——制作简单的静态页面——学会数据绑定——学会与后台进行数据交互——学会动态渲染——重新学习小程序语法——制作数据实时更新的动态页面小程序

1.注册安装环境：无论学习任何语言，80%想要入门编程的人都死在安装环境。等你的hello world！输出成功的时候，恭喜你，你很优秀和幸运。

2.研究创建项目后的demo：你可能会说，“第一步，不应该学习语法吗？我都看不懂代码，怎么研究demo。” 因为学习开发很多人很容易掉进“书袋子”，一上来就拿一本书啃，十分枯燥，等把书啃的差不多了，自己也中毒了，对这个东西没有兴趣了。上来先研究一下demo，是为了帮助我们更好的理解和认识语法，你只有看过“大象”，读到“大象”这个词时你才会有印象才能更好懂的作者的语境。同时创建项目后的demo代码很简单，你去调换一下代码位置，删除某一部分看看少了那些效果，还是很有趣的。

3.初步了解语法：建议直接看官方文档，他相比实体书更新速度更快，而且跳转阅读更加便捷，也最权威，是你了解组件用法的不二神器。

4.制作简单的静态页面：不动手的编程都是屠龙之技。想一个自己喜欢的点子，比如开发一个倒计时、小记事本、小相册、文章集都可以，关键在于激发自己的兴趣，努力学下去。

5.6.7.学会数据绑定、学会与后台进行数据交互、学会动态渲染:这一部分设计数据操作，刚入门时，对于单页面可以先在自己js中的data进行玩耍，对于多页面可以把公共数据放在app.js的data,等到这些都弄熟了，就可以开始弄后台了。对于刚入手的小朋友，面对后台可以说会十分难受了。这里推荐使用云开发作为后台，他的入门成本几乎为0，只需要点一下部署就可以了，后面的文件数据交互操作也很简单，都有模板函数，根据情况变下参数就可以了。

8.重新学习小程序语法：成为大神的捷径：把一件复杂的事情反复去做，不断拆解学习，一个个精通。

9.制作数据实时更新的动态页面小程序：遇到不懂就搜索，你一定不是第一个遇到这个问题的人。

最后再说一下，2019年最流行的四种小程序开发方式，作为小程序的进阶开发思路。如果只是零基础，可以后面再回来看这里。

选择一，小程序原生开发方式，以为主开发小程序，再通过少量修改移植到其他平台（工作量多少没有做过不好估计）

选择二，H5 内嵌开发方式，天然多平台跨端，但会有些许性能损失，也会有些功能限制，例如里面的消息通知不能通过 H5 来推送

选择三，mpvue 这类基于某种框架的开发方式，mpvue 就是基于 vue 框架来开发小程序，对于熟悉 vue 的同学学习曲线很低，同时也可以实现代码逻辑的复用

选择四，Taro 跨多端的实现方式，支持用 React 的开发方式编写一次代码，生成能运行在 / 百度 / 支付宝 / 字节跳动 /小程序、快应用、H5、React Native 等的应用。对于功能需要同时满足多个小程序应用的场景比较适合。

这里有一套免费的小程序开发的教程，零基础可学。

全书30万字，系统的讲解了小程序开发（前端）以及云开发（后端）的所有知识点，不需要HTML、CSS、JavaScript等的前置知识，也能轻松学会小程序的开发。

找一套教程跟着学，b站0基础教程一搜一大把，找个近期的，跟着过一遍就差不多了。

看视频遇到问题卡住了，不要停，把问题放到百度上搜，尝试自己解决问题，锻炼自己自学和解决问题的能力。

以下是学习小程序前需要了解的：

学习小程序，第一件事就要了解什么是小程序。我们来一起看一下小程序的定义：

正是由于小程序的优势，使得小程序对于用户来说，解决了用户在使用 app 时的很多痛点，而对于开发者来说，小程序不但是跨平台的，与此同时也带来了开发成本的节约，和开发速度的提升。

各大厂商也在不竭余力的抢占市场，纷纷推出自己的小程序，目前 BAT 都已经有自己的小程序体系且在不断推广，但是目前最成功的无疑是腾讯系的小程序，本文就将以小程序为主，从 0 开始，带着大家一起学习小程序的开发。

下图为小程序官网截图：

“小程序是一种新的开放能力，开发者可以快速地开发一个小程序。小程序可以在内被便捷地获取和传播，同时具有出色的使用体验。” 这是对小程序的官方简介。从字面上理解我们可以知道小程序新兴且开发成本低，基于生态内并且有众多传播渠道和入口以及具有出色的使用体验。

而事实上，小程序也做到了这些，根据发布的《2018 年度数据报告》中的数据显示，小程序已经覆盖超过 200 个细分行业，服务超过 1000 亿人次用户，年增长超过了 600% ，创造了超过 5000 亿的商业价值。 截止目前，光是小程序的入口，就有 60 多个，发展小程序的决心，可见一斑。

在学习小程序开发之前，我们需要注册开发者账号，并下载安装开发者工具。

首先，我们打开浏览器，输入 “公众平台” 搜索并打开该页面，如下图。

然后我们向下浏览，在账号分类的区域，点击小程序。

在新打开的页面中，下拉到底部，点击前往注册。

然后正常注册就可以了，需要注意的是一个邮箱只能申请一个小程序。

后续注册内容这里就不再赘述了，按照邮箱邮件提示一步步操作即可，需要注意的是，目前小程序开发者账号只对成年人开放注册，主体类型选择个人（有其他资质除外），扫码验证时扫码实名信息需要与填写管理员一致，并且已绑定银行卡。注册完成后即可登陆并完善小程序信息、下载开发者工具。

下载地址：

打开后我们选择稳定版，并且在下方选择适合自己系统的版本。

安装打开后页面如下（我里面已经提前创建了两个项目）：

点击下图所示加号，创建一个新项目；

创建新项目后，界面如下：

如图所示，每个颜色得方块代表一个功能区域，左上方 3 个红、黄、蓝三个方框包裹的开关，至少要开启一个，具体功能使用时再详述，所以这里就不过多赘述了。

展开编辑器左侧项目目录：

我们可以发现，开发者工具会自动为我们生成一个小程序 Demo，目录如上图所示，根目录下有 pages 文件夹和 utils 文件夹以及 app.js/json/ss、project.config.json、sitemap.json 几个文件。

我们首先来了解一个，它们分别有什么作用。

1. pages

存放小程序的页面文件，一个页面 = 一个 pages 下的文件夹，页面再限制大小内理论上可以有无限个（小程序前端限制：主包大小不超过 2M，分包加载整包不超过 8M），每个页面文件夹下由：页面名.js、页面名.json、页面名.ml、页面名.ss 组成。

2. utils

untils.js 可以将一些公共的代码抽离成为一个单独的 js（utils.js）文件，作为一个模块，抽离出来的模块只有通过 module.exports 或者 exports 才能对外暴露接口。当我们在 util.js 里封装的方法想要在外部使用的话，必须通过 module.exports 或者 exports 对外暴露。使用时我们需要在使用这些模块的文件中使用 require (path)（path 只支持相对路径）将公共代码引入。

3. app.js/json/ss

小程序全局文件：

4. project.config.json

项目配置文件，在小程序开发者工具上做的任何配置都会保存在 project.config.json 中，方便在更换环境时保留个性化配置。

5. sitemap.json

开发者可以通过 sitemap.json 配置，或者管理后台页面收录开关来配置其小程序页面是否允许索引。当开发者允许索引时，会通过爬虫的形式，为小程序的页面内容建立索引。当用户的搜索词条触发该索引时，小程序的页面将可能展示在搜索结果中。 爬虫访问小程序内页面时，会携带特定的 user-agent: mpcrawler 及场景值 1129。需要注意的是，若小程序爬虫发现的页面数据和真实用户的呈现不一致，那么该页面将不会进入索引中。

在了解小程序基础目录结构后，我们还需要理解它们的作用，那么 .js/.json/.ml/.ss 它们分别有什么作用，让我们举例说明：

首先来说 ML（ Markup Language） 文件，这个文件描述了小程序页面的结构，用我们玩的游戏举例，有了 ML 文件，就好像有了一个英雄的原画：

（图片来源于网络）

接下来这个英雄又有了 SS（ Style Sheets），SS 是一套样式语言，用于描述 ML 的组件样式，SS 用来决定 ML 的组件应该怎么显示，简单来说 SS 可以让我们的页面变得更好看，于是，我们的英雄有多了炫酷的皮肤：

（图片来源于网络）

而当我们的英雄拥有了 JS （JavaScript）文件后，有了逻辑后，英雄就可以实现很多功能，比如说：移动、释放技能、动作等等。

那么，在加入 JSON 文件后，我们就可以理解为，英雄就有了配置、有了血条、昵称等信息。

小程序总体分为：视图层（View）、逻辑层（App Service）与系统层（Native）进行交互。

框架接口

为了方便了解，我将一些常用框架接口以及参数整理出下图，大家也可以根据小程序开发者文档进行了解。

ML（ Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。

ML 语法，除少部分特殊属性外，其余属性都是以 key = "value" 的形式出现。自然语言描述如下：

ML 与 HTML 类似，都是标记语言，标签成对出现。

下面就用开发文档上的几个例子来看一下 ML 具有什么能力。

在 page.js 的 data 中定义了页面初始数据 massage，然后，在 page.ml 页面中通过 {{massage}} 对 JS 文件中定义的数据进行了绑定。

在 page.js 的 data 中定义了名为 array 的数组 ，然后，在 page.ml 页面中通过 {{array}} 对 JS 文件中定义的数组中的数据进行了列表渲染。

在 page.js 的 data 中定义了名为 view 的参数 ，然后，在 page.ml 页面中通过 {{}} 引用 view 并通过 :if 组件判断 view 的值是否等于 WEBVIEW 如果成立则执行 WEBVIEW 不成立则执行，下一行的内容，然后通过 :elif 再次判断 view 的值是否等于 APP 成立则执行，不成立执行下一行，最后 通过 :else 当之前的判断都不为真是，执行 :else 中的内容。

SS（ Style Sheets）是一套样式语言，用于描述 ML 的组件样式。

SS 用来决定 ML 的组件应该怎么显示。

为了适应广大的前端开发者，SS 具有 CSS 大部分特性。同时为了更适合开发小程序，SS 对 CSS 进行了扩充以及修改。

与 CSS 相比，SS 扩展的特性有：

SS 得语法小程序开发文档上写的已经很详细了，所及这里就直接把文档上 SS 简介得内容粘贴过来。

小程序的主要开发语言是 JavaScript （2018 年 11 月后也支持 TypeScript），开发者使用 JavaScript 来开发业务逻辑以及调用小程序的 API 来完成业务需求。