我想建立一个使用所见即所得的网站,例如 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 模块包:
• 在学习汇总 index.html 文件中添加以下 html
html code to add to learn-rollup index.html
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/