因为个人原因,已经很久很久没有写过博客了,但是学过的东西终归还是要记录滴,以下是在vue中引入cesium,具体步骤如下
一、首先安装vue-cli,因为之前接触vue的时候都是自己手动配置webpack,感觉每一步都知道所以然,但是现在直接使用vue-cli后确实是方便了很多,但是里面好多的配置都是不知所以然,就按照官方的配置进行了配置,运行结果出来了,也没有问题,
需要使用到node环境,这里就不多说了,没有就安装一个吧!
1、安装vue-cli,执行命令npm install -g vue-cli,这里是全局安装,如果没有-g安装完成之后执行是有问题的。
2、初始化项目,这个可以自定义,使用vue init webpack cesium-demo,其中webpack是模板名称,cesium-demo是初始化的项目名称,之后会出现一连串的确认,例如作者,版本等等,一路回车,等所有结束之后会在当前文件夹下出现一个package.json文件。
二、安装cesium
1、进入cesium-demo文件夹,命令为cd cesium-demo
2、执行npm install cesium,等待安装完成
3、执行npm run dev,如果出现vue的界面,则证明上述过程无误,继续向下
三、修改webpack配置
1、在build文件夹下的webpack.base.conf.js中设置cesium源码的路径
增加一行 const cesiumSource='../node_modules/cesium/Source',之后再resolve中增加一行cesium的路径