# 安装
# 方式一:npm 安装
# npm或yarn安装 webclient-vue-cesium
npm install --save @mapgis/webclient-vue-cesium
# 或者
yarn add @mapgis/webclient-vue-cesium
安装webclient-vue-cesium的同时,默认会自动安装 webclient-vue-ui
原因:由于 webclient-vue-cesium 使用了大量内置的 webclient-vue-ui,因此会同步安装 webclient-vue-ui
# 方式二:yarn link特殊情况下:需要使用组件最新的功能时
1.通过在 github 路径中:https://github.com/MapGIS/WebClient-Vue 下载最新的 WebClient-Vue 项目。
2.项目下载完成后,分别有:cesium、mapboxgl、ui 工程,执行对应文件中的 package.json 的 yarn/npm install 安装项目依赖。
3.cd 进入 cesium 工程目录下,执行
yarn link
4.再 cd 进入自己的项目工程,执行
yarn link @mapgis/webclient-vue-cesium
5.同理,mapboxgl、ui 工程也执行 3、4 步骤来链接到自己项目中
6.在项目中 main.js 中全局引入组件和样式文件即可使用
import "@mapgis/webclient-vue-ui/dist-libs/webclient-vue-ui.css";
import "@mapgis/webclient-vue-cesium/dist-libs/webclient-vue-cesium.css";
import MapgisUi from "@mapgis/webclient-vue-ui";
import Mapgis3d from "@mapgis/webclient-vue-cesium";
Vue.use(MapgisUi);
Vue.use(Mapgis3d);
7.不想使用 link @mapgis/webclient-vue-cesium 时可以执行
yarn unlink @mapgis/webclient-vue-cesium
解除链接。
快速上手 →