翻譯 Meteor React 製做 Todos - 01 - 建立應用

閒扯

在翻譯以前我仍是要簡要介紹一下Meteor，這是一款跨時代的框架。真的，徹底沒有騙你。

一開始的網站是純靜態頁面搭建的。

後來開始使用動態的腳本語言，好比PHP

後來以此構成了框架。最爲出名的天然是Ruby on Rails。

再後來node的出現致使web開發再起風波，MEAN開始大行其道，可是，因爲時間過短，沒辦法對PHP陣營和RoR陣營形成什麼衝擊，可是先後端統一js的理念已經存在了。

再後來就是如今的Meteor了。

我我的在首次接觸的時候感受，可能就是和Rails, Laravel差很少的東西吧，只是語言換成了js.

然而並非的。

經過Socket來傳遞數據，在本地起MiniMongo這種事情使得web開發進入了新的階段。

就先說這麼多吧。我相信隨着理解的深刻，你會對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 request在Github上。

若是你以爲我翻譯的很爛，來給我說吧！

郵件地址：hele@iamhele.com