如何使用外部JavaScript库

Question

我想要使用CodeMirror插件叫做autorefresh.js ，但我不知道如何仅通过查看源代码来使用它。 这只是嵌套在方括号内的方法，我在网上找不到任何示例。

如何调用/使用提供的这些方法？

Answer 1

请参阅文档 。

基本用法使用CodeMirror的最简单方法是简单地加载发行版中lib /下的脚本和样式表，以及模式/目录之一中的模式脚本。 例如：

（或者，使用模块加载器。稍后会详细介绍。）

完成此操作后，可以按以下方式创建编辑器实例：

var myCodeMirror = CodeMirror（document.body）; 编辑器将附加到文档主体，开始为空，并使用我们加载的模式。 为了更好地控制新编辑器，可以将配置对象作为第二个参数传递给CodeMirror：

var myCodeMirror = CodeMirror（document.body，{value：“ function myScript（）{return 100;} \\ n”，mode：“ javascript”}）;

...

Answer 2

您的链接在我的浏览器中打开了一个新标签，我看到很多代码行。 您要在某些html文件中使用它吗？ 为什么不将这些行复制并粘贴到编辑器中，保存并用<script type="text/javascript" src="yourfile.js"></script> （假设您需要html文件） ）

Answer 3

您可以使用NPM将其安装在项目中。 供参考： https : //www.npmjs.com/package/codemirror

Answer 4

下载codemirror并将其存储在lib中。使用CodeMirror的最简单方法是简单地加载发行版中lib /下找到的脚本和样式表，以及来自mode /目录之一的模式脚本。 例如：

<script src="lib/codemirror.js"></script>
<link rel="stylesheet" href="lib/codemirror.css">
 <script src="mode/javascript/javascript.js"></script>

或者，如果您使用的是Node.js，则可以使用节点包管理器（npm）添加外部js。 只需输入

  npm install codemirror

请参考https://www.npmjs.com/package/codemirror