Vue+Cesium项目环境搭建

本文档详细介绍了如何在Vue项目中集成Cesium的步骤,包括基础环境安装、Vue项目搭建以及Cesium的环境配置。首先,需要安装node.js、Webpack和vue-cli。接着,通过vue-cli创建项目并安装依赖。最后,配置Cesium,包括安装cesium组件库、修改webpack配置、配置main.js等,完成Cesium的集成。
摘要由CSDN通过智能技术生成

①基础环境安装

  1. node.js(检测npm包管理工具  npm -v)
  2. Webpack安装(全局安装  npm install webpack -g)(检测安装成功: webpack -v)
  3. vue-cli脚手架构建工具(npm install vue-cli -g)(检测:vue -V)

②vue项目搭建

  1. 命令行cd进入项目构建文件目录级,执行vue init webpack project_name(项目名不可用中文),按提示输入相应内容,项目文件构建完成。
  2. cd到项目目录内,安装项目依赖npm install,项目启动npm run dev
  3. 浏览器进入地址http://localhost:8080,打开项目页面,搭建完成。

③cesium环境配置

1. 命令行在项目目录下,安装cesium组件库  npm install cesium --save

2. 在build/webpack.base.conf.js下,

       定义cesium源码路径

const cesiumSo
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值