js-mind 项目教程
js-mindDeep Learning Library Written in ES2015.项目地址:https://gitcode.com/gh_mirrors/js/js-mind
1. 项目的目录结构及介绍
js-mind/
├── config/
│ ├── config.js
│ └── github.js
├── docs/
│ ├── en/
│ │ └── 1_usage.md
│ └── zh/
│ └── 1_usage.md
├── es6/
│ └── jsmind.js
├── example/
│ └── index.html
├── features/
│ └── feature.js
├── js-legacy/
│ └── jsmind.js
├── js/
│ └── jsmind.js
├── screenshots/
│ └── screenshot.png
├── src/
│ └── jsmind.js
├── style/
│ └── jsmind.css
├── tests/
│ └── test.js
├── .gitignore
├── .npmignore
├── LICENSE
├── README.md
├── package-lock.json
└── package.json
目录结构介绍
config/
: 包含项目的配置文件。docs/
: 包含项目的文档,分为英文和中文。es6/
: 包含使用 ES6 编写的源文件。example/
: 包含示例文件。features/
: 包含项目特性相关的文件。js-legacy/
: 包含旧版本的 JavaScript 文件。js/
: 包含主要的 JavaScript 文件。screenshots/
: 包含项目截图。src/
: 包含源代码文件。style/
: 包含样式文件。tests/
: 包含测试文件。.gitignore
: Git 忽略文件。.npmignore
: npm 忽略文件。LICENSE
: 项目许可证。README.md
: 项目说明文件。package-lock.json
: npm 锁定文件。package.json
: 项目依赖和配置文件。
2. 项目的启动文件介绍
项目的启动文件是 example/index.html
,它是一个示例文件,展示了如何使用 js-mind 库来创建和显示思维导图。
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="../style/jsmind.css" />
<script type="text/javascript" src="../js/jsmind.js"></script>
</head>
<body>
<div id="jsmind_container"></div>
<script type="text/javascript">
var mind = {
// 3 data formats were supported
// see documents for more information
};
var options = {
container: 'jsmind_container',
theme: 'orange',
editable: true
};
var jm = new jsMind(options);
jm.show(mind);
</script>
</body>
</html>
3. 项目的配置文件介绍
项目的配置文件主要位于 config/
目录下,包括 config.js
和 github.js
。
config.js
config.js
文件包含了项目的全局配置,例如主题、容器等。
module.exports = {
theme: 'orange',
editable: true,
container: 'jsmind_container'
};
github.js
github.js
文件包含了与 GitHub 相关的配置,例如仓库地址、分支等。
module.exports = {
repo: 'https://github.com/yujiosaka/js-mind',
branch: 'master'
};
以上是 js-mind 项目的基本教程,涵盖了项目的目录结构、启动文件和配置文件的介绍。希望对你有所帮助!
js-mindDeep Learning Library Written in ES2015.项目地址:https://gitcode.com/gh_mirrors/js/js-mind