筆記如何安裝meteor

meteor學習筆記

先全局安裝meteor

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

創建meteor項目

meteor create 項目名稱

cd 項目

meteor

進入項目後啟動meteor，即可在 http://localhost:3000/ 看到運行的效果

在meteor內安裝react

刪除內建的UI庫(Blaze)，改安裝react

rm -rf *

用meteor裝包

meteor add react

執行後會看到安裝了以下的幾個包

coffeescript added, version 1.0.11 
cosmos:browserify added, version 0.9.3 
jsx added, version 0.2.3 
react added, version 0.14.3 
react-meteor-data added, version 0.2.4 
react-runtime added, version 0.14.4 
react-runtime-dev added, version 0.14.4 
react-runtime-prod added, version 0.14.4

其中安裝最重要的react包，及 react-meteor-data(用來溝通meteor和react的數據)

新建client 文件夾

mkdir client

meteor規範中，要在瀏覽器中執行的代碼一律放在 client文件夾下

新增啟動文件 startup.jsx

Meteor.startup(function () {
  ReactDOM.render(<Hello />, document.getElementById("container"));
});

新增組成文件 Hello.jsx

Hello = React.createClass({
  render(){
    return (
      <div>Hello World!</div>
    );
  }
});

新增index.html

<head>
  <title>Peter</title>
</head>
<body>
  <div id='container'></div>
</body>

不用新增doctype等內容，meteor會自動幫我們添加

備註：

react的文件後綴一定要是jsx ，這樣meteor才能正確識別

只要後台保持meteor的命令運行，meteor就會自動刷新頁面