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>
Comments | NOTHING