示例开发过程记录：meteor,react,apollo
本示例记录一个开发过程：
1）参考 Meteor React TUTORIAL教程 https://www.meteor.com/tutorials/react/creating-an-app
2）。。。
----------------------------
第一部分 创建脚手架项目
1、在win10，安装 Meteor 1.4.2；
2、进入命令（CMD）提示符，创建目录 x:\zeng，在此目录下创建空项目，使用 meteor create eccom 创建一个 ”eccom“项目；
项目中有一个基础结构开内容：
三个目录 1）client 含： client/main.js ，client/main.html ，client/main.css
2) server 含： server/main.js
3) .meteor （meteor 项目的配置目录）
4）package.json 文件，整个项目的基础信息与包配置。
5）.gitignore 文件
3、进入 x:\zeng\eccom 目录，执行命令 meteor 即 meteor run ；
（如果是高版本，可以是 ”meteor run --release 1.4.2“ 指定特定版本号）
4、成功运行，可以在浏览器中查看结果。 http://localhost:3000
第二部分：开发客户端，主要在 \client 目录
1、 删除 blaze 模版，增加静态html 包： meteor 默认使用 blaze 模版，产生页面。
meteor remove blaze-html-templates
meteor add static-html
2、安装 react 相关组件（react react-dom react-router） ，会产生一个 \node_modules 目录，npm 安装的Node包（及依赖包pkg）放在此处。（不是 meteor 的专用包。专用包记录在 \.meteor\package.json 文件中）
meteor npm install --save react react-dom react-router
安装数据传输组件Apollo：
meteor npm install --save apollo-client react-apollo
安装两个UI组件库：react-bootstrap，（http://react-bootstrap.github.io/），及 @sketchpixy/rubix
antd （https://ant.design/）
meteor npm install --save react-bootstrap
meteor npm install --save @sketchpixy/rubix 从 react-bootstrap 扩展而来
meteor npm install --save antd
安装一个：meteor npm install --save indexof
3、修改 client/main.html 代码如下：
<head>
<title>hopesun</title>
</head>
<body>
<div ></div>
</body>
4、增加一个 \client\App.jsx
增加 \client\Portal\Header.jsx, \client\Portal\Footer.jsx, \client\Portal\Siderbar.jsx
- 上一篇 »python 之 Apollo
- 下一篇 »Apollo使用文档，Java
