翻译 Meteor React 制做 Todos - 01 - 建立应用

闲扯

在翻译以前我仍是要简要介绍一下Meteor,这是一款跨时代的框架。真的,彻底没有骗你。css

一开始的网站是纯静态页面搭建的。html

后来开始使用动态的脚本语言,好比PHPnode

后来以此构成了框架。最为出名的天然是Ruby on Railsreact

再后来node的出现致使web开发再起风波,MEAN开始大行其道,可是,因为时间过短,没办法对PHP阵营和RoR阵营形成什么冲击,可是先后端统一js的理念已经存在了。git

再后来就是如今的Meteor了。github

我我的在首次接触的时候感受,可能就是和Rails, Laravel差很少的东西吧,只是语言换成了js.web

然而并非的。编程

经过Socket来传递数据,在本地起MiniMongo这种事情使得web开发进入了新的阶段。windows

就先说这么多吧。我相信随着理解的深刻,你会对Meteor有更加清晰的认识后端

安装

不管如何得先安装吧。

这里说一个可能朋友们不过高兴的话:

尽可能不要使用windows作开发

缘由是这样的:

  1. windows对咱们来讲可能更偏娱乐一些,在写代码的时候忍不住去看看QQ,玩玩游戏是很正常的事情。可是编程要专一。

  2. windows有更多的莫名其妙的问题。通过我亲测,Linux下正常的操做到了windows就可能会报错。好比ruby。。。

因此,推荐使用Mac或者Linux作开发。

安装很简单,只须要打开Terminal输入:

curl https://install.meteor.com/ | sh

等进度条走完就好了。

安装完成了还能够确认一下:

meteor --version

只要输出不是commend not found就证实安装成功


(下面开始老老实实的翻译了)

建立应用

在这个教程中,咱们去作一个管理待作事宜的简单应用,并能够和其余人合做完成某项任务

要创建应用,要打开终端,并输入

meteor create simple-todos-react

这个命令将会创建一个叫作simple-todos-react的文件夹,并包含meteor应用所须要的全部文件

simple-todos-react.js     # 一个在客户端和服务端都会被加载的主要js文件
simple-todos-react.html   # 一个主要的定义视图的HTML文件
simple-todos-react.css    # 一个定义应用样式的样式表文件
.meteor                   # Meteor 内部文件

运行你新建的应用:

cd simple-todos-react
meteor

打开你的浏览器,并进入http://localhost:3000去看看应用的运行状况

你也能够在继续下一步教程以前随便玩玩这个刚刚新建的默认应用,例如,用你本身最喜欢的编辑器,试着在文件simple-todos-react.html<h1>标签中间写一些东西。当你保存这个文件的时候,浏览器的页面将会随着新的内容自动更新,咱们称之为热推送(hot code push)

如今,你在编辑这些文件的时候,对Meteor应用有了一些简单了解,那么开始去作一个简单的React待作事宜应用吧。若是你在这个教程中找到了bug或者是错误,请提交Issue或者给咱们提交pull requestGithub上。

若是你以为我翻译的很烂,来给我说吧!

邮件地址:hele@iamhele.com

相关文章
相关标签/搜索