如何運行具有單個html和打字稿文件的示例github項目？這應該不是那麼難

我想嘗試下列庫，而無需從此回購編寫代碼。 https://github.com/pleerock/ngx-tooltip 如何運行具有單個html和打字稿文件的示例github項目？這應該不是那麼難

我看到這個例子是在一個帶有html和ts文件的「sample」目錄中。我通常會運行一個簡單的httpserver，如果它是一個js，並嘗試擊中瀏覽器中的html文件，但由於打字稿文件，這不起作用。

什麼是正確的方法/最簡單的方法來運行我的webbrowser目錄中的示例？我已經運行npm install。

2017-06-22 Rolando

您將需要將打字稿文件編譯爲JavaScript文件，因爲瀏覽器只識別javascript而不打字稿 – CozyAzure

是否有一些簡單的命令可以啓動webserver並自動編譯打字稿文件？ Usualy與python我只是python -m SimpleHttpServer並嘗試示例。 – Rolando

真的取決於您的設置。您肯定會需要打字稿編譯器。最簡單的方法是將'.ts'編譯爲'.js'，並將其與SimpleHttpServer一起提供給js文件和html。 – CozyAzure

一旦您克隆回購，在根目錄中執行npm install。然後運行tsc -p .，它應該使用tsconfig.json將所有ts文件編譯爲JavaScript。那麼你應該能夠在回購中運行示例文件。如果示例目錄中的main.ts由於某種原因未編譯，請嘗試在該目錄中運行tsc。

這一切都假定您已安裝NodeJS。

來源

2017-06-22 01:53:12

是的，所以我跑了tsc -p ...現在什麼？當我查看./sample/sample1-simple-usage目錄時，我只能看到ts和html文件。接下來我該怎麼做才能在瀏覽器中看到該示例？ – Rolando

假設你在克隆的repo的根目錄下執行了'npm install'，在執行了'tsc -p .'之後，你應該有一個build/es5目錄和內建的文件。使用main.ts文件在示例目錄中運行'tsc'，然後編譯該文件。他們應該擁有運行該示例所需的所有內容，只要您能夠爲頁面提供服務 - 就像使用lite-server或其他軟件一樣。 –

所以我跑了tsc -p。在根目錄中，我看到了你提到的build/es5（不知道它的相關性是什麼？）。我進入sample/sample1-simple-usage目錄，因爲它有main.tsc文件，然後運行tsc。然後我運行「lite-server」在同一個目錄下（我已經安裝了npm）......我只是看到「Loading ...」沒有任何反應。我錯過了什麼？ – Rolando

如何運行具有單個html和打字稿文件的示例github項目？這應該不是那麼難

回答

相關問題