# 安装
你可以通过以下两种方式安装 Vue-iClient3D-WebGL。
### 方式一：npm安装
推荐使用 npm 的方式安装，它能更好地和 [webpack](https://webpack.js.org/) 打包工具配合使用。
```
npm install @supermap/vue-iclient3d-webgl
```
::: tip 注意
* 由于npm包的名称必须是小写，在安装时需要注意，输入 npm install @supermap/vue-iclient3d-webgl，而不是 npm install @SuperMap/Vue-iClient3D-WebGL。
:::
使用此方式前请先检查电脑中是否已安装应用程序 [Node.js](https://nodejs.org/zh-cn/)，若未安装，可通过下载 [安装程序](https://nodejs.org/zh-cn/) 来安装。然后在命令行中输入以下命令安装 Vue-iClient3D-WebGL：
如果您使用了 npm 安装，并使用 webpack 作为构建工具，请继续阅读[快速上手章节](./quick-start.md)。
### 方式二：CDN引入
获取文件后，只需要像普通的 JavaScript 库一样用 <script> 标签引入即可。
以下详细介绍如何通过 [在线站点](https://iclient.supermap.io/) 引入 Vue-iClient3D-WebGL。
新建一个 HTML 文件，在 <head> 标签中引入如下文件：
- 引入 Vue.js 文件
```html
```
- 引入 Cesium 和 CSS 文件
```html
```
- 引入 图标 样式 CSS 文件
```html
```
- 引入 SuperMap 配置 JS 和 CSS 文件
```html
```
- 引入 view-design第三方库 JS 和 CSS 文件
```html
```
- 引入 Vue-iClient3D-WebGL JS 和 CSS 文件
```html
```
#### 示例
通过引入文件方式可以快速使用 Vue-iClient3D-WebGL 写出一个示例，您可以复制下面代码或参考此在线[示例](http://support.supermap.com.cn:8090/webgl/examples/component/editor.html#vue_measure)。
```html
vue-iClient3D-WebGL example
```