vue+cesium项目搭建环境

1、确保安装了node.js.

2、创建vue项目、

vue init webpack test（此处项目名为test，你可以换成你想要的任何名字)

3、进入test文件夹，下载cesium

cd test
npm install cesium

4、进行webpack配置

1. 先把进入node_modules\cesium\Build文件夹中，将Cesium文件复制到根目录下的static中
   
2. 打开webpack.dev.conf.js 红色区域，如果原来代码里面有就核对一下是不是一样，不一样就改为一样。
   
3. 打开webpack.prod.conf.js 红色部分 注意to: config.dev.assetsSubDirectory,
   
4. 打开webpack.base.conf.js 添加以下三行代码，如果错误可以试试删掉unknownContextRegExp: /^.\/.*$/,
   

5、编写VUE组件

1. 在src下新建一个名为cesiumViewer.vue的组件，代码如下

2. 在App.vue中注册组件

3. 修改理由 在router/index.js里

import Vue from 'vue'
import Router from 'vue-router'
import cesiumViewer from '@/components/cesiumViewer'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/'，
      name: 'cesiumViewer'，
      component: cesiumViewer
    }
  ]
})

4.之后npm run dev运行项目

我是根据这个网址来写的，其中又又有一些不同，原理我是完全不懂。希望有一天能够理解吧
https://blog.csdn.net/m0_37972557/article/details/79768408?utm_source=copy