ainneo / typescript-101 Goto Github PK

npm install -g typescript

tsc hello.ts this command will complie the ts version of this file into a a JavaScript version. Each time you make changes to the TS file, make sure to run the tsc filename.js in terminal to update the JS version. You can see this in the hello.js and hello.ts files.

TS type annotation string:String tell us that this is a string type: see types.ts file Types: can start with upper or lower case

• strings
• numbers
• booleans
• any to allow more then one type, eg; array : any [1, 2, "hello", false]
• type void is used when a function returns nothing

• Properties in a class can not be declared optional, with the ?

• syntax:

       export class NameOfClass {
           ...code...
       }
    }

• set up a refrence path to the other module: /// <reference path = "modules.ts" />

• to combine files into a new file in the term with --out and new fileName: tsc modules.ts modulesUtils.ts --out modUtil.js

• Checkout Gruntjs.com/plugins for all the plugsin available
• look for the ts complier plugin
• Grunt works with NPM which installs packages which work with your code, so we will start will creating an npm package,run npm init , after the install, a package.json file will appear.
• next install: npm i typescript --save this will save and add ts to our package.json
• next install: npm i grunt-ts --save
• next install: npm i grunt-ts-cli --save
• set up gruntfile.js, typescript foler and main.ts file
• after set up of gruntfile: run gulp, this creates the javascript folder & files Docs