cesium-pocket

📌基础包下载

📌从零搭建工程

ts

1
npm create vite@lates cesium-pocket-demo --template vue-ts
2
cd cesium-pocket-js
3
npm install cesium   --save
4
npm install vite-plugin-cesium   --save
5
npm install three   --save
6
npm install @types/node --save
7
npm install @types/three   --save

1
pnpm create vite cesium-pocket-demo --template vue-ts
2
cd cesium-pocket-js
3
pnpm install cesium
4
pnpm install vite-plugin-cesium
5
pnpm install three
6
pnpm install @types/node
7
pnpm install @types/three

1
yarn create vite cesium-pocket-demo --template vue-ts
2
cd cesium-pocket-ts
3
yarn add cesium
4
yarn add vite-plugin-cesium
5
yarn add three
6
yarn add @types/node
7
yarn add @types/three

js

1
npm create vite@lates cesium-pocket-js --template vue
2
cd cesium-pocket-js
3
npm install cesium   --save
4
npm install vite-plugin-cesium   --save
5
npm install three   --save
6
npm install vue-router  --save

1
pnpm create vite cesium-pocket-js --template vue
2
cd cesium-pocket-js
3
pnpm install cesium
4
pnpm install vite-plugin-cesium
5
pnpm install three
6
pnpm install vue-router

1
yarn create vite cesium-pocket-js --template vue
2
cd cesium-pocket-js
3
yarn add cesium
4
yarn add vite-plugin-cesium
5
yarn add three
6
yarn add vue-router

main.ts

1
import { createApp } from 'vue'
2
import './style.css'
3
import App from './App.vue'
4
import { router } from "./router/index";
5
//import 'cesium-pocket/index.css'
6
import CesiumPocket from 'cesium-pocket'
7

8
const app = createApp(App);
9
app.use(router);
10
app.use(CesiumPocket)
11
app.mount("#app");

main.js

1
import { createApp } from 'vue'
2
import './style.css'
3
import App from './App.vue'
4
import { router } from "./router/index";
5
//import 'cesium-pocket/index.css'
6
import CesiumPocket from 'cesium-pocket'
7

8
const app = createApp(App);
9
app.use(router);
10
app.use(CesiumPocket)
11
app.mount("#app");

package.json (ts)

1
{
2
  "name": "cesium-pocket-ts",
3
  "private": true,
4
  "version": "0.0.0",
5
  "type": "module",
6
  "scripts": {
7
    "dev": "vite",
8
    "build": "vue-tsc -b && vite build",
9
    "preview": "vite preview"
10
  },
11
  "dependencies": {
12
    "@types/node": "^24.2.1",
13
    "@types/three": "^0.179.0",
14
    "cesium": "^1.142.0",
15
    "cesium-pocket": "0.4.1-alpha",
16
    "three": "^0.179.1",
17
    "vite-plugin-cesium": "^1.2.23",
18
    "vue": "^3.5.34",
19
    "vue-router": "^4.5.1"
20
  },
21
  "devDependencies": {
22
    "@types/node": "^24.12.3",
23
    "@vitejs/plugin-vue": "^6.0.6",
24
    "@vue/tsconfig": "^0.9.1",
25
    "typescript": "~6.0.2",
26
    "vite": "^8.0.12",
27
    "vue-tsc": "^3.2.8"
28
  }
29
}

package.json (js)

1
{
2
  "name": "cesium-pocket-js",
3
  "private": true,
4
  "version": "0.0.0",
5
  "type": "module",
6
  "scripts": {
7
    "dev": "vite",
8
    "build": "vite build",
9
    "preview": "vite preview"
10
  },
11
  "dependencies": {
12
    "vue": "^3.5.34",
13
    "cesium": "^1.142.0",
14
    "cesium-pocket": "0.4.1-alpha",
15
    "three": "^0.179.1",
16
    "vite-plugin-cesium": "^1.2.23",
17
    "vue-router": "^4.5.1"
18
  },
19
  "devDependencies": {
20
    "@vitejs/plugin-vue": "^6.0.6",
21
    "vite": "^8.0.12"
22
  }
23
}