kityminder-editor 详细安装提示

kityminder-editor 是百度脑图的开源本地部署版本。除了文件输入输出的功能外,其他功能基本完备,不过UI语言是英文。

按照原README的内容,小白想自行编译构建还有一些坑,在此记录一下,应该是js项目常见的步骤。

开发使用

根目录下的 index.html 为开发环境,dist 目录下的 index.html 使用打包好的代码,适用于线上环境。
 
安装 nodejs 和 npm
 
初始化:切到 kityminder-editor 根目录下运行 npm run init
在 kityminder-editor 根目录下运行 grunt dev 即可启动项目
你可以基于根目录的 index.html 开发,或者查看 dist 目录下用于生产环境的 index.html,Enjoy it!
 
另外,kityminder-editor 还提供了 bower 包,方便开发者直接使用。你可以在需要用到 kityminder-editor 的工程目录下 运行 bower install kityminder-editor,接着手动引入 kityminder-editor 所依赖的 css 和 js 文件,具体文件见 dist 目录下的 index.html,推荐使用 npm 包 wireDep 自动进行, 可参考根目录下 Gruntfile.js。
 

构建

运行 grunt build,完成后 dist 目录里就是可用运行的 kityminder-editor, 双击 index.html 即可打开运行示例

  1. 下载node(也就是npmproxychains wget https://nodejs.org/dist/v12.13.0/node-v12.13.0-linux-x64.tar.xz
  2. 安装node cd node-v12.13.0-linux-x64/, ./node
  3. 安装nodejs curl -sL https://rpm.nodesource.com/setup_12.x | bash -, sudo proxychains apt-get install -y nodejs
  4. 安装bower(kityminder需要)sudo proxychains npm install -g bower
  5. 找到kityminder-editor cd kityminder-editor/
  6. sudo npm run init
  7. sudo npm install -g grunt-cli
  8. [方式一] 直接grunt dev会回复一个网址,打开即可

   [方式二] grunt build来重新编译和生成新的网站,在/dist内,部署到HTTP服务器上

  1. 如果要部署到HTTP服务器,把/dist下的所有内容复制到诸如Nginx的静态页目录,比如/var/www/html内。HTTP服务器不需要安装任何Node开发工具。
Comments
Write a Comment
'