想自己做一个小程序,但看到一堆代码和术语就头大？别担心，这篇指南就是为你准备的，我们不讲那些让人犯困的专业名词，就用最直白的话，一步步带你从完全不懂到做出自己的第一个小程序。
第一步：准备工作（别急着动手，先备好工具）
想清楚你的小程序要干嘛？ 这是最重要的一步，你是想做个展示产品的小店，还是一个查询天气的工具，或者就是个记录心情的日记本？目标越简单、越明确，你做起来就越容易，刚开始，建议从最简单的开始，比如一个只有几页图片和文字的展示小程序。
申请一个微信小程序账号 这就像你要开个店，得先去工商局注册个营业执照，打开微信公众平台官网，选择“小程序”注册，你需要用到自己的微信号、身份证号和一些基本信息，注意，如果你是个人的话，有些功能（比如在线支付）是不能用的，但做来学习完全没问题，注册成功后，记住你的小程序ID（AppID），后面会用到。
安装开发工具 微信官方提供了一个免费的“微信开发者工具”，这就像你做木工需要的锯子和尺子，去官网下载并安装它，打开工具，用刚才注册的微信号扫码登录。
第二步：创建你的第一个小程序项目（从“Hello World”开始）
新建项目 打开开发者工具，点击“新建项目”，给你项目起个名字，我的第一个小程序”，把第一步里得到的那个小程序ID（AppID）填进去，如果只是自己学习，也可以选择“测试号”，但正式发布时还是需要自己的ID，模板选择“JavaScript-基础模板”。
认识一下工具界面 项目创建成功后，你会看到一个有点复杂的界面，别慌，我们只看最重要的几个部分：
了解小程序的基本“零件” 小程序由几种不同类型的文件组成：
.js 文件：这是小程序的“大脑”，负责处理逻辑，比如点击按钮后要做什么。.wxml 文件：这是小程序的“骨架”，决定了页面上有什么东西，比如文字、按钮、图片。.wxss 文件：这是小程序的“衣服”，负责让页面变漂亮，比如设置颜色、大小、位置。.json 文件：这是小程序的“说明书”，用来配置页面的一些基本信息，比如标题。第三步：动手修改，让它变成你的（最简单的改动）
我们来把模板自带的页面改成我们自己的内容。
修改文字
在文件目录里，找到 pages/index/index.wxml 文件并点击它，在编辑器里，你会看到一些代码，找到 <text> 和 </text> 中间的那句 Hello World，对，直接把它删掉，改成你想说的话，欢迎来到我的小世界！”，保存文件后，你立刻就能在右边的模拟器里看到变化。
修改样式（让它变好看点）
光有文字太单调了，我们来改个颜色，找到并点击 pages/index/index.wxss 文件，你会看到一些关于 text 的样式，找到 color 这一行，把后面的颜色值（比如是 #aaa）改成你喜欢的，比如红色 red 或者蓝色 blue，保存一下，看看模拟器，文字颜色是不是变了？
添加一张图片
你需要准备一张图片，最好是小一点的，在项目根目录（最外层的文件夹）下，新建一个文件夹，命名为 images，把你的图片放进去。
回到 index.wxml 文件，在刚才修改的文字下面，新起一行，写上：
<image src="/images/你的图片文件名.jpg" mode="widthFix"></image>
记得把“你的图片文件名.jpg”换成你图片的真实名字。mode="widthFix" 是为了让图片能自适应屏幕宽度，保存后，你的图片就显示出来了！
第四步：真机预览和发布（看看在手机上的样子）
在手机上预览 在开发者工具左上角，有个“预览”按钮，点击它，会用二维码的方式让你在手机上直接查看小程序的实际效果，这是非常关键的一步，因为模拟器和真机可能略有不同。
上传代码 当你觉得做得差不多了，点击工具上的“上传”按钮，这会把你的代码打包上传到微信的服务器，但这时候用户还看不到。
提交审核和发布 回到微信公众平台网页版，在管理后台找到你上传的版本，提交给微信官方审核，审核通过后，你就可以点击“发布”了！这样，你的小程序就正式上线，所有人都能搜索和使用了。
第一次做肯定会遇到各种小问题,这非常正常，多尝试，多利用开发者工具里的调试功能，或者搜索错误提示，你会发现其实没那么难，从这个小demo开始，慢慢添加更多功能，你就能越来越熟练地掌握小程序制作了。
