Javascript 为了能够使用Phaser、PixiJS和EaselJS等库,我只需要做一个;“连接”;用源代码下载库?

Javascript 为了能够使用Phaser、PixiJS和EaselJS等库,我只需要做一个;“连接”;用源代码下载库?,javascript,frontend,Javascript,Frontend,我是前端开发新手,我对JavaScript库有一个问题。作为一个文本编辑器,我使用升华文本,我听说JavaScript只在浏览器中完成 为了能够使用Phaser、PixiJS和EaselJS等库,我是否只需要与源代码建立“连接”即可下载库?或者我必须安装一些编译器吗?要使用这些库,您只需下载库(例如phaser.js)并将其放置在与游戏相同的文件夹中即可 例如,创建一个名为Game的文件夹。在它里面,保存您下载的phaser.js文件、html文件(例如index.html)和javascrip

我是前端开发新手,我对JavaScript库有一个问题。作为一个文本编辑器,我使用升华文本,我听说JavaScript只在浏览器中完成


为了能够使用Phaser、PixiJS和EaselJS等库,我是否只需要与源代码建立“连接”即可下载库?或者我必须安装一些编译器吗?

要使用这些库,您只需下载库(例如phaser.js)并将其放置在与游戏相同的文件夹中即可


例如,创建一个名为Game的文件夹。在它里面,保存您下载的phaser.js文件、html文件(例如index.html)和javascript游戏文件(例如game.js)。然后您可以在游戏文件(game.js)中使用Phaser。

实际上您的问题很多,因为现在可以在服务器上运行JavaScript(参见示例)。跳转到下面的代码,获得第一个问题的简单答案

虽然有一些方法可以设置一个构建JavaScript文件的过程——让您能够编写类型化的JavaScript(参见示例)、将多个JavaScript文件合并为一个文件(参见示例),等等——但在首次启动时,这些都不是必需的,现在大多数网站都会有一个关于如何开始使用该库的基本教程,这会让你朝着正确的方向前进

因此,请查阅您的库文档以了解具体细节,但通常您希望将库的主JavaScript文件下载到与站点文件相同的目录(或其中的子目录),然后包含对库文件的引用

请注意,一种更高级的方法是通过类似的方式,很多教程都会建议使用这种方法,但没有理由不能下载/保存JS文件,或者下载并解压缩zip文件

如果库中只包含JavaScript文件(比如Phaser),则需要在每个HTML文件(或者布局文件,如果使用服务器端语言且受支持),中包含这些文件

例如:


例子
请注意,有些库可能希望您在
正文的顶部包含JavaScript,和/或您可能还需要在
标题中包含CSS文件。还要注意,订单很重要;app.js只能使用已包含/加载的文件中定义的功能

最后,您不需要在自己的机器/服务器上下载和存储第三方库。只要你有互联网连接(你的用户也有),你也可以使用CDN(内容交付网络)。这有各种优点(如性能)和缺点(如安全性和性能),但您的库也应该有文档说明该库是否在CDN上可用,以及如何引用它

例如,在上面的示例中,您可以调出以下行:

<script src="lib/phaser.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/phaser@3.24.1/dist/phaser.min.js"></script>

这一行:

<script src="lib/phaser.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/phaser@3.24.1/dist/phaser.min.js"></script>