0基础自学小程序开发设计

本人看了很多篇文章，以一个非常非常零基础，没有过网页开发甚至不会c语言的基础来分享经验，我会一边学习一边补充此文章，希望可以帮到和我一样的超级小白。

一、小程序开发注册及下载

在网站上搜索https://mp.weixin.qq.com/cgi-bin/wx

根据官网的指引一步一步注册并下载微信开发者工具即可。注意一定要保存好appID

二、新建项目

打开微信开发者工具，在小程序项目——小程序——创建小程序里编辑项目名称，输入appID，选择微信云开发，在模板选择——全部分类里选“不使用模板”，这样比较方便自由的编辑。

创建之后就会显示这样

三、创建底部导航栏

了解项目里各个文件名字的用处和创造底部导航栏的过程我是跟着这位大佬的文章做的，非常清晰明了。

 零基础-微信小程序入门教程

但是直接使用这个代码会发现运行不了，因为文件里没有代码里指向的图片。所以要在项目（我的叫MINIPROGRAM4）里新建文件夹image，再在image里建立一个名为tabs的文件夹，方便分类查找

打开你项目的所在位置，如果不知道可以在 项目——查看所有项目查看

在刚刚建立的image文件夹里放入图片，

把原来代码里的路径都修改为当前图片的路径。

一定要注意放的图片格式是jpg还是png

点击编译，于是我们就成功建好底部导航栏啦