本文详细记录了在Vue项目中集成Cesium的步骤，包括使用vue-cli创建Webpack项目，安装Cesium，配置webpack.base.conf.js、webpack.dev.conf.js、webpack.prod.conf.js以及config/index.js文件，创建cesiumViewer组件，并在App.vue、main.js和router/index.js中进行相应修改，最终实现Cesium在Vue应用中的运行。
-
安装环境
在学习过程中，参考以下学习博客
基于webpack 构建Cesium + Vue 的应用
主要使用了node npm vue vue-cli webpack cesium等工具和环境。 -
使用node安装vue-cli
cmd跳转到你想要放置开发项目的文件路径下，在该路径下运行cmd命令：
~$ npm install -g vue-cli
~$ vue -V //查看vue-cli的版本 -
使用vue-cli脚手架 创建Webpack 模板项目
~$ vue init webpack vue-cesium
其中vue-cesium 是项目名称，自己可以随意命名；
之后是一系列项目的配置，按个人需要选择就好（一般配置为no，除vue-router可根据需要配置为yes）
接着npm将会自动安装下载模板和许多依赖项，等到下载完毕 后， cd到你创建的项目文件中，本文是vue-cesium，命令如下所示：
~$ cd vue-cesium
~$ npm run dev
正常情况下 在浏览器输入http://localhost:8080 就可以看到vue的界面了 -
npm安装Cesium 环境（cesium的配置步骤）
在vue-cesium文件路径中运行cmd命令，输入以下命令将cesium作为项目依赖项
n
最低0.47元/天 解锁文章
扫一扫
评论 22
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
