0基础开始制作微信小程序

说明：这是一个不需要服务器，上传提交发布就可以用的微信小程序。

功能：展示企业、产品、联系方式、店铺、附近门店等，这个模板最适合你。

修改简单，小白也能上手。

案例欣赏：

预览案例效果，请加微信号：1215360479

---

下面是制作方法：

第一步：准备工作

（1）进入小程序管网https://mp.weixin.qq.com/注册一个微信小程序，需要用一个没注册过公众号的邮箱注册。

（2）注册过程中需要很多认证，比较繁琐。

（3）注册完账号，登录，在主页面左边列表中点击“设置”，然后再设置页面中选“开发设置”就可以看到 AppID，用于登录开发工具。

第二步：下载安装开发工具

（1）官网下载地址：http://www.ionic.wang/weixin/devtools/download.html

根据你的电脑系统选择下载版本

（2）双击开始安装，直到安装完成。

（3）安装完成后，在桌面上双击开发工具，打开开发工具后如下图：请用微信小程序管理员的微信扫描开发工具二维码。

（4）如右下图点击“小程序项目”，点击左下图中的“+”，新建项目。

 
（5）进入如下界面：按照下图填写AppID，（前面的准备工作里面已经说明了，查看AppID方法）；

“项目名称”根据你的要求填写。我填写的是“小程序工作室”。

（6）重点是项目目录这里：如下图，项目目录一定要选择最后一个“xcx3.0”文件夹（也就是pages的上层文件夹）。最后点击“确定”.

（7）如果你还没有这个源码文件，

        请加微信号：1215360479获取。

     获取的源码可能是压缩文件，需要解压出来。

        

（8）进入后出现下图，如果没有显示出来，请点击“编译”如下图。

（9）首先我们修改标题“小程序开发”，如下图点击搜索框。

（10）输入“小程序开发”，点击查找。

（11）就会看到所在路径目录，注意看下图红圈标注的地方。

（12）进入页面如下图，直接把“小程序开发改掉”就可以了。

用同样的方法可以修改小程序中所有的文字。(这里不再一一举例)

（13）图片修改：找到图片所在文件夹（看下图红圈位置）。

用同名、相同尺寸的图片去贴换覆盖就可以了。（最好用PS处理）

（14）按键盘ctrl+s保存。

（15）如下图，点击“预览”，出现二维码，用手机扫描既可以在手机上预览。

（16）修改完成，预览成功，确认没有问题后，点击“上传”。

（17）提交以后，登陆你的小程序，点击左侧的“开发管理”，如下图，点击提交审核。

（18）如下图，勾选“已阅读并了解平台审核规则”，点击“下一步”。

（19）按照下图选择，最后点击“提交审核”。

（20）现在你耐心的等待……腾讯审核通过。

审核通过后，登陆微信小程序，点击“开发管理”，点击“发布”。

大功告成！！！

---