Where is typescript project template in VS2017

TypeScript can be add to any ASP.NET Core Web Projects. And VS automatically compiles and transfers to js file.

Let say you have myIndex.ts file the compiler will generate for you myIndex.js (myIndex.ts content converted into JavaScript content).

You can include myIndex.js (JavaScript) file and use as javascript file.

I am not sure if you need a template, because TypeScript functionality is in the web projects.

Visual Studio 2017 ASP.NET Core Web Applicatin Project

-----------Index.cshtml file

@page

@model IndexModel

ViewData["Title"] = "Home page";

}

Hello

----index.ts file -----

class Person {

protected name: string;

constructor(name: string) { this.name = name; }

}

class Employee extends Person {

private department: string;

constructor(name: string, department: string) {

super(name);

this.department = department;

}

public getElevatorPitch() {

return `Hello, my name is ${this.name} and I work in ${this.department}.`;

}

let color: string = 'blue';

let myname: string = "john kocer";

---- index.js file------

var __extends = (this && this.__extends) || (function () {

var extendStatics = Object.setPrototypeOf ||

({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||

function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };

return function (d, b) {

extendStatics(d, b);

function __() { this.constructor = d; }

d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

};

})();

//let color: string = 'blue';

//console.log("color= ", color);

var Person = (function () {

function Person(name) {

this.name = name;

}

return Person;

}());

var Employee = (function (_super) {

__extends(Employee, _super);

function Employee(name, department) {

var _this = _super.call(this, name) || this;

_this.department = department;

return _this;

}

Employee.prototype.getElevatorPitch = function () {

return "Hello, my name is " + this.name + " and I work in " + this.department + ".";

};

return Employee;

}(Person));

var color = 'blue';

var myname = "john kocer";

------- Browser console F12-------

color= blue

(index):41 Hello, my name is Howard and I work in Sales.

(index):43 myname= john kocer

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Rajeesh Menoth9y ago
Accepted answer
Hi,

I think it will available on next update.

Reference :

https://github.com/Microsoft/TypeScript/issues/14529
+1
John Kocer8y ago
TypeScript can be add to any ASP.NET Core Web Projects. And VS automatically compiles and transfers to js file.

Let say you have myIndex.ts file the compiler will generate for you myIndex.js (myIndex.ts content converted into JavaScript content).

You can include myIndex.js (JavaScript) file and use as javascript file.

I am not sure if you need a template, because TypeScript functionality is in the web projects.
Visual Studio 2017 ASP.NET Core Web Applicatin Project
-----------Index.cshtml file
@page
@model IndexModel
@{
ViewData["Title"] = "Home page";
}
Hello

----index.ts file -----
class Person {
protected name: string;
constructor(name: string) { this.name = name; }
}
class Employee extends Person {
private department: string;
constructor(name: string, department: string) {
super(name);
this.department = department;
}
public getElevatorPitch() {
return `Hello, my name is ${this.name} and I work in ${this.department}.`;
}
}
let color: string = 'blue';
let myname: string = "john kocer";

---- index.js file------
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
//let color: string = 'blue';
//console.log("color= ", color);
var Person = (function () {
function Person(name) {
this.name = name;
}
return Person;
}());
var Employee = (function (_super) {
__extends(Employee, _super);
function Employee(name, department) {
var _this = _super.call(this, name) || this;
_this.department = department;
return _this;
}
Employee.prototype.getElevatorPitch = function () {
return "Hello, my name is " + this.name + " and I work in " + this.department + ".";
};
return Employee;
}(Person));
var color = 'blue';
var myname = "john kocer";

------- Browser console F12-------
color= blue
(index):41 Hello, my name is Howard and I work in Sales.
(index):43 myname= john kocer

0
9y ago
so guide me how to work with typescript from VS2017 IDE....what is the work around temporarily.

thanks
0