首页 > 代码库 > 示例开发过程记录:meteor,react,apollo

示例开发过程记录: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、安装 react react-dom ,执行:meteor npm install --save react react-dom

     会产生一个 \node_modules 目录,npm 安装的Node包(及依赖包pkg)放在此处。(不是 meteor 的专用包。)

2、修改  client/main.html 代码如下:

 <head>

     <title>eccom</title>
</head>

<body>
      <div id="ecapp"></div>
</body>

 3、

示例开发过程记录:meteor,react,apollo