创建一个meteor项目

1. 生成一个简单的meteor程序

meteor create MyApp

生成的初始项目默认端口为3000;

可使用以下命令修改默认端口号

meteor -p [portNumber]

meteor run -p [portNumber]

2.运行过程出现bug,可通过以下命令来查看详情

meteor --settings settings.json --verbose

3.meteor虽然是基于NodeJS,但是安装包是独立的,可通过npm安装,也可以通过meteor命令安装

添加安装包时,必须在项目目录下

meteor add[package]

删除安装包

meteor remove[package]

显示当前项目所有安装包

meteor list

也可以输出为文件观察

meteor list > meteorPackInfo.log

 

4.Meteor模板

Meteor模板主要使用三个标签,head,body,template;

与html相同,head存储网页名称,body为网页内容,template为模板标签;

在模板中我们使用的是双大括号 ({{text}}). 这就是所谓的 meteor 模板Spacebars 语言;

4.1 {{> myParagraph}} 为模板标签插入,template标签的name属性与之一致,则表明为此标签模板;

 

 

4.2 {{#each blocks}} {{/each}}为遍历某个数组,并将其渲染至页面

 

 

 

 

 

4.3 helper

为了让连接变得更流畅,一个模板需要 helper。你可以想象这些 helper 就是厨师用食材(你的数据)烹饪好佳肴(模板),再由服务员端到你面前。

换句话说,模板的作用局限于显示或循环变量,而 helper 则扮演着一个相当重要的角色:把值分配给每个变量。

 

4.4 domain helper

domain helper模板与遍历模板相似,不过domain helper的值不再是一个数组,而是一个匿名函数。这种模式更为常见(而且更有用)。

{{#each}} 代码块不仅遍历我们数组,它还在代码块范围内将 this 的值赋予被遍历的对象。

这意味着在 {{#each}} 标记之间,每个 post 都可以通过 this 依次访问,并且一直延伸到模板 helper中。

 

 

 

 

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

乾复道

与君共勉

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值