如何运行具有单个html和打字稿文件的示例github项目?这应该不是那么难

如何运行具有单个html和打字稿文件的示例github项目?这应该不是那么难

问题描述:

我想尝试下列库,而无需从此回购编写代码。 https://github.com/pleerock/ngx-tooltip如何运行具有单个html和打字稿文件的示例github项目?这应该不是那么难

我看到这个例子是在一个带有html和ts文件的“sample”目录中。我通常会运行一个简单的httpserver,如果它是一个js,并尝试击中浏览器中的html文件,但由于打字稿文件,这不起作用。

什么是正确的方法/最简单的方法来运行我的webbrowser目录中的示例?我已经运行npm install。

+0

您将需要将打字稿文件编译为JavaScript文件,因为浏览器只识别javascript而不打字稿 – CozyAzure

+0

是否有一些简单的命令可以启动webserver并自动编译打字稿文件? Usualy与python我只是python -m SimpleHttpServer并尝试示例。 – Rolando

+0

真的取决于您的设置。您肯定会需要打字稿编译器。最简单的方法是将'.ts'编译为'.js',并将其与SimpleHttpServer一起提供给js文件和html。 – CozyAzure

一旦您克隆回购,在根目录中执行npm install。然后运行tsc -p .,它应该使用tsconfig.json将所有ts文件编译为JavaScript。那么你应该能够在回购中运行示例文件。如果示例目录中的main.ts由于某种原因未编译,请尝试在该目录中运行tsc

这一切都假定您已安装NodeJS。

+0

是的,所以我跑了tsc -p ...现在什么?当我查看./sample/sample1-simple-usage目录时,我只能看到ts和html文件。接下来我该怎么做才能在浏览器中看到该示例? – Rolando

+0

假设你在克隆的repo的根目录下执行了'npm install',在执行了'tsc -p .'之后,你应该有一个build/es5目录和内建的文件。使用main.ts文件在示例目录中运行'tsc',然后编译该文件。他们应该拥有运行该示例所需的所有内容,只要您能够为页面提供服务 - 就像使用lite-server或其他软件一样。 –

+0

所以我跑了tsc -p。在根目录中,我看到了你提到的build/es5(不知道它的相关性是什么?)。我进入sample/sample1-simple-usage目录,因为它有main.tsc文件,然后运行tsc。然后我运行“lite-server”在同一个目录下(我已经安装了npm)......我只是看到“Loading ...”没有任何反应。我错过了什么? – Rolando