AntV X6的安装与搭建

上次做拓扑图的时候研究了G6，但是G6偏展示一点，有一些操作的不是很好用，就又研究了一番X6，虽然到最后只研究了个皮毛，但是研究过程还是有必要记录一下的。

官网的快速上手

1.安装&引用

<1>在项目中使用NPM包引入

（1）在项目中使用npm包引入，需要使用如下命令安装x6

npm install @antv/x6 --save

效果如下图所示：

 （2）在需要X6的组件或JS文件种导入：

import { Graph } from '@antv/x6';

具体效果如下图所示： 

导入后{ Graph }会报错，别急，下面代码中需要创建Graph对象，才不会报错 

<2>在HTML中使用CDN引入:《我这边是vue例子，所以对html的内容就不详细解释了》

• https://unpkg.com/@antv/x6/dist/x6.js

• https://cdn.jsdelivr.net/npm/@antv/x6/dist/x6.js

• https://cdnjs.cloudflare.com/ajax/libs/antv-x6/1.3.20/x6.js (不支持获取最新版)

​<script src="https://unpkg.com/@antv/x6/dist/x6.js"></script>
​