微信小程序开发文件运行效果

 你就得到了你的第0一个小程序了，点击顶部菜单编译就可以在IDE预览你的第0一个小程序。5：编译预览点击工具上的编译按钮，可以在工具的左侧模拟器界面看到这个小程序的表现，也可以点击预览按钮，通过悦听的扫一扫在手机上体验你的第0一个小程序。OK，你已经成功创建了你的第0一个小程序，并且在悦听客户端上体验到它流畅的表现。小程序初始化目录介绍：1：page页面文件夹存放项目页面渲染相关文件2：utils存放js库和数字格式化文件3：配置文件参考链接：原文作者：祈澈姑娘；原文链接：创作不易，转载请告知；90后前端妹子，爱编程，爱运营，爱折腾。下一章：悦听小程序从零开始开发步骤（二）创建页面阅读链接：悦听小程序从零开始开发步骤（一）搭建开发环境悦听小程序从零开始开发步骤（二）创建小程序页面悦听小程序从零开始开发步骤（三）底部导航栏悦听小程序从零开始开发步骤（四）自定义分享的功能威0信小程序从零开始开发步骤

（五）轮播图悦听小程序从零开始开发步骤（六）4种页面跳转的方法悦听小程序从零开始开发步骤（七）引入外部js文件悦听小程序从零开始开发步骤（八）引入框架WeUI：悦听的模版主要是用于公共界面管理，比如弹窗或公共页面都可以用模版定义。一、模版创建1、首先在pages文件夹中新建一个template文件夹，文件夹中新建一个ml文件文件，我是一个模板2、接下来我们就给模板增加样式文件，在pages/template文件夹中新建一个ss文件,然后对模板文件，添加一个简单样式。}二：模版使用1、然后在我们要使用的wxml加载声明需要使用的模板文件--><!--使用-->2、当前页面样式导入注意：（1）ml中template标签的is属性与ml中template标签的name属性值相同（2）ml文件中要通过import标签声明需要使用的模板文件运行效果：屏幕快照下午三：数据传递1、有时候模版需要外面给他传递数据显示，这时先定义参数2、接下来我们在ml中传递模板中所需要的参数，修改后的代码如下：声明需要使用的模板文件--><!--使用-->这是一个参数注意：在<data="{{'这是一个参数中传多少个参数，模版里才能获取多少个参数，比如模版需要2个参数