mindelixir 安装


mindelixir的安装

npm环境

#使用npm -v命令查看npm是否已经安装,如果没安装则先行安装npm
wget https://nodejs.org/dist/v12.14.0/node-v12.14.0-linux-x64.tar.xz
tar -xf node-v12.14.0-linux-x64.tar.xz
# 使用vi /etc/profile命令,在文件最末尾加入node可执行命令的位置所在
PATH=$PATH:/A_Install/mindelixir/node-v12.14.0-linux-x64/bin
vi /etc/profile
#更新配置文件
source /etc/profile

最后一步检验nodejs是否已变为全局

npm -v
node -v

git下载mindelixir源码

## 如果没有git先安装
yum install git
# 下载mindelixir源码或使用下载的特定release版本zip包
git clone https://github.com/ssshooter/mind-elixir-core.git
# 使用zip包则可以直接解压
unzip mind-elixir-core-0.10.3-beta.0.zip

安装mind-elixir

切换到刚刚下载的mind-elixir-core源码目录里,执行以下命令

# 如果执行下面一句出现Refusing to install package with name "mind-elixir" under a package npm的错误,原因是package.json文件name占用了'mind-elixir'这个名字。可以编辑mind-elixir-core目录下的package.json文件,将该文件首行的name改名为mind-elixir-lib
npm i mind-elixir -S
#安装完之后可以执行以下命令查看是否已安装成功
npm list mind-elixir

直接引用

执行上述npm命令后,会在mind-elixir目录中生成MindElixir.js文件,然后在你需要使用的文件中引用该node_modules/mind-elixir/dist/MindElixir.js文件即可

<html>
<head>
    <meta charset="utf-8">
    <title>恭喜,站点创建成功!</title>
    <style>
      .outer {
        position: relative;
        margin: 50px;
      }
      #map {
        height: 500px;
        width: 100%;
        overflow: auto;
      }
    </style>
</head>
<body>
    <div class="outer">
      <div id="map"></div>
    </div>
</body>

<script src="https://cdn.jsdelivr.net/npm/regenerator-runtime"></script>
<script src="./js/MindElixir.js"></script>
<script>
    let mind = new MindElixir({
      el: '#map',
      direction: MindElixir.LEFT,
      // create new map data
      data: MindElixir.new('new topic'),
      // or set as data that is return from `.getAllData()`
      //data: {...},
      draggable: true, // default true
      contextMenu: true, // default true
      toolBar: true, // default true
      nodeMenu: true, // default true
      keypress: true, // default true
    })
    mind.init()

    // get a node
    E('node-id')
</script>
</html>

声明:梨木乔の技术栈|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - mindelixir 安装


梨木乔の技术栈