第一次看到文章的标题:
哎~01？从头再说一遍？你这话是什么意思？
哈哈，讲到这里，我只想用一句歌词来解释一下:
我还是那个少年，一点都没变...
对于处于拖延症晚期的我来说，从繁忙的日程中抽出一点时间，
终于看完了小程序基础知识01-32，
可能有一些知识点我们没有讲过...
别怕，我不会走的~
我们还是要继续用小程序相爱相杀~
在我们面前，我们已经为理论铺平了道路。
从今天开始，带领大家实战~
一起做个电商项目吧——优购商城，还是携手做吧~
它看起来像什么？
在很久很久以前，我们小程序训练营开营前的第一次讲座就放映了。
算了？一端有带圈可握的短马鞭
没事~ ~搬过来再复习一遍~ ~ ~
类似于市面上的基本网购程序，如唯品会、JD.COM等~ ~
这个项目分为12个模块，这里不做描述。
传送门:相信自己:教你如何零基础搭建小程序。
所以，
从这一章开始，我们开启了新的篇章。只要你之前学过小程序训练营的知识，
我们可以一起逐步建立这个电子商务项目。
市面上类似的小程序社区商城和餐饮服务都可以独立完成~ ~ ~
另外，还有一些重要的事情，你之前没有讲过，你不了解。
通过项目的实际建设，可以不断学习和巩固。
毕竟理论必须结合实战才能大放异彩~ ~ ~
对于这个实际项目，让我们首先构建最基本的框架，它分为四个步骤:
新建小程序项目
建立小程序的目录结构。
构建项目的页面
字体和图标介绍
构建项目的tabbar结构
前三步，今天就来说说，后两步各用一章讲解~
完成这五个步骤后，
它是建筑、改造、美化、渲染等。每个页面组件的。
别激动，会一点一点显现出来的~ ~ ~
新建小程序项目
首先，第一步，在微信开发者工具新建空小白小程序项目:
1、点击菜单栏"项目"--新建项目。
2.编辑“项目名称”、“目录”和“Appid”
Appid可以先用测试号，最后上线的时候再改成你自己的。
建立小程序的目录结构。
虽然是新项目，但是有些文件还是有一些原码的。
首先，我们必须清除无关的代码:
1.在app.json文件中，删除pages/logs/logs行，
将navigationBarTitleText的名称修改为“高级购物中心”
如下图:
2.删除所有代码:app.wxss文件、index.wxss文件和util文件夹中的文件。
3.在app.js文件中，删除所有原代码，进入wx-app相关解析结构，
最后一个全局数据也将被删除。
4.在index.wxml文件中，删除了所有原始代码，并添加了视图标记。代码如下:
主页
5.在文件index.js中输入wx-page，轻松删除所有原码。
6.在index.json文件中，输入以下代码:
{ "使用组件":{}，"导航栏标题文字":"优购首页" }
7.保存代码。小程序页面如下所示:
控制台部分没有发现错误，说明一切正常，如上图所示。
清除不必要的代码后，接下来我们添加一些目录结构。
1.添加样式文件夹以存储样式；2.添加组件文件夹以存储组件；3.添加新的lib文件夹来存储第三方库；4.添加util文件夹，建立该项目的帮助库；5.添加请求文件夹，建立项目的界面帮助库；
最终的目录结构大致如下:
构建项目的页面
在app.json文件中，逐个创建13个新页面。具体代码如下:
" pages": [ "pages/index/index "，" pages/category/index "，" pages/goods_list/index "，" pages/cart/index "，" pages/collect/index "，" pages/order/index "，" pages/search/index "，" pages/user/index "，" pages/feedback/index "，" pages/login/index "，" pages/auth/index "，" pages/pay/index" ]，
打开pages文件夹，系统已经自动生成了13个文件页面。
我们的页面目录已经建立。
字体和图标介绍
构建项目的tabbar结构
这两部分我们会在接下来的两天继续讲解~ ~ ~
期待ing~~
