创建一个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中。

猜你喜欢

转载自blog.csdn.net/Long861774/article/details/82588625