我想建立一个使用所见即所得的网站,例如 ProseMirror。他们的文档有点清楚,因为他们首先专注于开发的其他部分,因此构建所有内容并不是一个简单的过程。但是,他们确实提供了 project that you can clone and run

但是,我不确定如何实际运行此示例。

我在我的事件 MAMP 目录中创建了一个新文件夹,并完成了 npm install 以获取 package.json 中的所有项目。然后我运行了 npm run build,以便项目现在内置到 package.json 中默认指定的 dist 文件夹中。

但是,我如何真正让它在浏览器中运行?如果我转到浏览器,它只是显示我的文件和文档列表,而不是实际的应用程序。

我也试过运行 npm start 但在 package.json 中没有任何链接的命令。我确实看到这是使用 rollup.js。我以前没有用过,也许有一些命令?

最佳答案

我为 friend 创建了本指南。希望这可以帮助您和任何寻找相同答案的人。它并不完美,但可以让您启动并运行。

ProseMirror 是一个乖巧的丰富语义内容
基于 contentEditable 的编辑器,支持
协作编辑和自定义文档模式。

问题是关于如何设置的文档
使用演示从一无所有到 Hello World
例子是不存在的。所有文档都假设
你已经设置好并开始工作了。
本指南旨在帮助您进入“hello world”阶段

• 第一次设置汇总。按照该 here 的说明进行操作。
您现在应该在您的计算机上拥有该项目
this 开始,当您在浏览器中打开 html 文件时,会看到“hello world”样式的屏幕。

• cd 进入 learn-rollup 项目文件夹和 npm install prosemirror 模块包:

  • prosemirror 状态。
  • prosemirror-view。
  • prosemirror-model
  • prosemirror-schema-basic
  • prosemirror-schema-list
  • prosemirror-example-setup

  • • 在学习汇总 index.html 文件中添加以下 html
    html code to add to learn-rollup index.html
  • css 文件的链接
  • body 中 id=editor
  • 的标签

    learn-rollup folder structure

    • 创建 src/scripts/main.js 的副本并重命名
    主备份.js。

    • 现在用prosemirror.net first example 中的代码替换main.js 中的所有内容。

    • 运行\node_module.bin\rollup -c

    • 重新加载 .html 以查看 prosemirror 工作。

    关于npm - 构建和运行 ProseMirror,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/49646053/

    10-12 07:33