Difference between revisions of "Typescript"
From MgmtWiki
(→Add to ASP.NET project) |
(→Third-party Library) |
||
| Line 21: | Line 21: | ||
===Third-party Library=== | ===Third-party Library=== | ||
* [https://docs.microsoft.com/en-us/visualstudio/javascript/tutorial-aspnet-with-typescript?view=vs-2019 Create an ASP.NET Core app with TypeScript in Visual Studio] 2021-10-06 | * [https://docs.microsoft.com/en-us/visualstudio/javascript/tutorial-aspnet-with-typescript?view=vs-2019 Create an ASP.NET Core app with TypeScript in Visual Studio] 2021-10-06 | ||
| + | * You can also use [https://docs.microsoft.com/en-us/aspnet/core/client-side/libman/ Library Manager] or yarn as well as npm to install client-side JavaScript and CSS files. | ||
==References== | ==References== | ||
Revision as of 17:35, 6 November 2021
Contents
Full Title or Meme
A superscript of JavaScript that adds strong typing and other aids for good programming practice.
Context
JavaScript was becoming more than just a scripting language in 2019 with object-oriented features like asynchronous calls but without strong typing or other features of monder programming languages. since it seemed unlikely that strong typing would ever be included in javascript, typescript was created to add other features that supported good programming practices.
Examples
Add to ASP.NET project
- Add>New Item>TypeScript JSON Configuration File (Do Not change its name)
- in tsconfig.json change target library to a current version, like "target": "es2015"
- and add this line "outDir": "wwwroot/js" which will force the output from the ts compilation to that dir
- Add>New Item> TypeScript File (Any name will work, say add.ts, we assume you are starting with no existing JS, so we call it site.js)
- Since we used an existing file, this line is already in the _Layout.cshtml <script src="~/js/site.js" asp-append-version="true"></script>
Third-party Library
- Create an ASP.NET Core app with TypeScript in Visual Studio 2021-10-06
- You can also use Library Manager or yarn as well as npm to install client-side JavaScript and CSS files.
