love3forever/react-cesium

JavaScript

react-cesium

使用前端开发框架react+material-ui快速构建cesium应用。

项目结构说明

当前项目大致结构如下所示：

├── dist
├── node_modules
├── package.json
├── public
├── src
├── webpack.config.js

node_modules目录，用以放置此项目的所有依赖项。
public目录，用以存放react静态html模版文件。
src目录，所有编写的js代码都放在此目录中，目前此目录中的内容为：
```
├── actions
├── components
├── containers
├── index.js
└── style
```
其中index.js为项目入口文件，style存放相关css样式文件，containers和components用于存放抽象出来的组件，actions则存放和事件控制和交互api。
package.json包含项目所有依赖项，此文件不需要手动修改。
webpack.config.js为webpack配置文件，一般不需要修改此文件。
dist目录，用于放置经过webpack打包生成的静态文件，用以发布应用，主要内容如下所示：
```
├── Assets
├── Widgets
├── Workers
├── app.js
└── index.html
```

项目环境配置

安装node，可以在此处获得node并完成安装。所需node版本不小于6.x。
安装yarn，进入项目目录之后，npm install -g yarn，从此使用yarn替代npm。
安装项目依赖，完成yarn的安装之后，yarn install自动完成项目依赖项的安装。
运行项目，完成项目依赖项安装之后，yarn cstart启动项目，默认http://localhost:8080打开页面。
项目发布，yarn cbuild，默认在dist目录中生成经过打包的文件，可以将此静态文件放置在例如nginx/tomcat等web服务器后提供访问。