React + Cesium实践（一）之架子搭建

说明：初次学习cesium3D 三维地球，以前会用一点React框架，总的架子使用了antd的那一套，版本5.2.0，所以想着试试直接使用React框架来创建学习示例（记录学习）

话不多说，进入学习

首先创建架子

// 官方创建例子
npm i @ant-design/pro-cli -g
pro create my-app

cd my-app
yarn
yarn start  //启动

yarn add cesium			//添加cesium依赖

启动后添加路由，新建文件夹到pages下

{
    name: 'cesium-test',
    icon: 'table',
    path: '/cesium-test',
    component: './cesiumTest',
  },

目录结构为

创建好之后在index.tsx中添加代码（token在cesium.com中申请）

保存编译后，输入开发的网址（一般是http://127.0.0.1:8000），一般会报错，报错的内容是Unable to determine Cesium base URL automatically, try defining a global variable called CESIUM_BASE_URL.，说是要加一个全局的CESIUM_BASE_URL.

解决办法：将node_modules中的cesium静态文件复制保存到项目中的public中，如下所示：

在pro的加载文件中添加上述路径

保存后，刷新界面查看效果

完成搭建