vue2.x，3.x安装使用cesium（不需配置文件，简单有效）

踩坑之路

  博主经多次踩坑之后，顿悟！！！

  初次接触cesium，去网上搜了很多vue中安装cesium的教程，大多方法都是使用npm i cesium --save，然后配置文件vue.config.js，或者直接安装vue add vue-cli-plugin-cesium，但最后结果都会报错：
ValidationError: Invalid options object. Copy Plugin has been initialized using an options object that does not match the API schema.
 
一直以为是copy-webpack-plugin内plugin的格式缺少patterns导致的，多次修改后依然报错：

Error:new CopyWebpackPlugin({ patterns: [copy-webpack-plugin] patterns must be an array…

  经多次踩坑之后发现，一切问题都是安装的vue-cli脚手架版本太高所致。原来啊~~我使用脚手架创建vue项目时，系统提示升级vue-cli，如下图：

  我就按照提示执行了npm i -g @vue/cli to update    对，没错，就是将vue-cli更新到了最新版本/(ㄒoㄒ)/~~   坑啊~ ~ ~ ~

  没办法，我只能卸载vue-cli，重新安装低版本，其他博主4.5.17版本的vue-cli安装cesium可以成功，所以我就也安装了这个版本。

vue中安装cesium（不需配置）

切记：安装的vue-cli版本不能过高，亲测4.5.17可行！！！

\

1. 创建好vue项目后，在项目文件夹内cmd或者vscode终端执行 ：

vue add vue-cli-plugin-cesium
或者使用npm 安装：
npm install --save-dev vue-cli-plugin-cesium

如图：

2. 选择所需版本的cesium：回车

3. 是否全局引入样式：y，回车

4. 是否在项目中添加示例组件：y，回车

5. 显示下图，安装成功。

6. 打开vue项目，可以看到生成的cesium示例组件：

\

7. 在vue项目中打开main.js，添加在cesium官网申请到的key值：

Cesium.Ion.defaultAccessToken = '申请的key值'

8. 在router中添加cesium页面的路由：

9. 在cmd或终端运行npm run serve，启动项目。

10. 查看。

本地启动成功后，在浏览器输入设置的cesium页面的路由： http://localhost:8081/#/index

亲测对vue2.x ， vue3.x均适用，且不需配置任何文件 ! ! !