javascript - Köra TypeScript-projekt i webbläsaren

Jag fick reda på TypeScript och installerade Visual Studio 2012-plugin, laddade ner källkoden och körde det första exemplet efter att ha refererat till .ts-filen i mitt HTML-dokument:

function Greeter(person) {
    return "Hello, " + person + ".";
}

var user = "James Kent";

document.body.innerHTML = Greeter(user);

Och fortsatte sedan att kompilera koden från kommandoraden, med:

tsc greeter.ts

Men jag kunde inte kompilera det, eftersom Visual Studio säger:

Kommandot "tsc" är inte giltigt.

Efter att ha letat över hela TypeScript-webbplatsen kunde jag inte hitta någon information om hur man får det att fungera. En Google-sökning gav heller inga relevanta resultat.

Hur kan jag få TypeScript att fungera?

Uppdatering: Att köra någon av exemplen som tillhandahålls med källkoden visar bara en blank sida i vilken webbläsare som helst. Däremot verkar exemplen fungera alldeles utmärkt på TypeScript-webbplatsen.

Svar #1

Ditt system kan inte hitta sökvägen till kompilatorn. Kompilatorns körbara fil finns här (på mitt x64 Win 8-system) om du vill registrera den själv.

C:\Program Files (x86)\Microsoft SDKs\TypeScript\0.8.0.0\

Använd det för att kompilera .ts-filen till en .js, och använd det i din html istället för att försöka kompilera det direkt i webbläsaren. Det skulle vara väldigt långsamt.

Du kan titta på projektet "HTML Application with TypeScript" i VS, det är konfigurerat för att kompilera din TypeScript vid projektets byggnad.

Svar #2

Ett enkelt sätt att få tsc att fungera på kommandoraden är att använda nodejs och motsvarande paketchef npm. Du kan hämta dem från nodejs.org. När du har installerat nodejs behöver du bara installera kompilatorn med

npm install -g typescript

Att köra Typescript direkt i webbläsaren är ganska komplicerat. Typescript kompileras till Javascript, så vad du vill är att referera till den kompilerade koden i ditt html.

Relaterade artiklar