(<< Back <<) Compiler options (<< Back <<)
3. TS Compiler options
![](/TsLecture/MaxTs485_1.png)
![](/TsLecture/MaxTs484_1.png)
1 - Module Introduction.mp4 2 - Using Watch Mode.mp4 3 - Compiling the Entire Project Multiple Files.mp4 4 - Including & Excluding Files.mp4 5 - Setting a Compilation Target.mp4 6 - Understanding TypeScript Core Libs.mp4 7 - More Configuration & Compilation Options.mp4 8 - Working with Source Maps.mp4 9 - rootDir and outDir.mp4 10 - Stop Emitting Files on Compilation Errors.mp4 11 - Strict Compilation.mp4 12 - Code Quality Options.mp4 13 - Debugging with Visual Studio Code.mp4 14 - Wrap Up.mp4
TSC compiler Watch mode
![](/TsLecture/MaxTs486_1.png)
Npm init - create package.josn. Npm start configured as start Lite-server
![](/TsLecture/MaxTs487_1.png)
![](/TsLecture/MaxTs488_1.png)
link JS file to Html. Defer attribute https://www.w3schools.com/tags/att_script_defer.asp
![](/TsLecture/MaxTs489_1.png)
![](/TsLecture/MaxTs490_1.png)
![](/TsLecture/MaxTs491_1.png)
tsc --init - create Tsconfig.json and that mean we use one project with a lot of files on many folders and one config
![](/TsLecture/MaxTs492_1.png)
Options after config end allow processing or filtering files
![](/TsLecture/MaxTs493_1.png)
![](/TsLecture/MaxTs494_1.png)
![](/TsLecture/MaxTs495_1.png)
![](/TsLecture/MaxTs496_1.png)
![](/TsLecture/MaxTs497_1.png)
![](/TsLecture/MaxTs498_1.png)
"Node_Modules" excluded by default
![](/TsLecture/MaxTs499_1.png)
![](/TsLecture/MaxTs500_1.png)
Possible type of produced target modules, ES2015 is new version after ES6
![](/TsLecture/MaxTs501_1.png)
![](/TsLecture/MaxTs507_1.png)
Library linked to TS Compiler
![](/TsLecture/MaxTs502_1.png)
![](/TsLecture/MaxTs503_1.png)
![](/TsLecture/MaxTs504_1.png)
![](/TsLecture/MaxTs505_1.png)
Library accessible to TS, ES6 module has default Library - DOM (Html)
![](/TsLecture/MaxTs506_1.png)
![](/TsLecture/MaxTs508_1.png)
![](/TsLecture/MaxTs509_1.png)
If we disable Library, even string is undefined
![](/TsLecture/MaxTs510_1.png)
Document is undefined without additional library
![](/TsLecture/MaxTs511_1.png)
![](/TsLecture/MaxTs512_1.png)
This 4 library accessible by default
![](/TsLecture/MaxTs513_1.png)
![](/TsLecture/MaxTs514_1.png)
![](/TsLecture/MaxTs515_1.png)
Mao file is bridge between TS and JS file, this file is need to debugging TS
![](/TsLecture/MaxTs516_1.png)
![](/TsLecture/MaxTs517_1.png)
![](/TsLecture/MaxTs518_1.png)
![](/TsLecture/MaxTs519_1.png)
Usually we set .\Dist and .\Src folders
![](/TsLecture/MaxTs520_1.png)
![](/TsLecture/MaxTs521_1.png)
![](/TsLecture/MaxTs522_1.png)
![](/TsLecture/MaxTs523_1.png)
![](/TsLecture/MaxTs524_1.png)
This option allow block producing any compilation errors, for example allow delete all exclamation mark
![](/TsLecture/MaxTs525_1.png)
![](/TsLecture/MaxTs526_1.png)
![](/TsLecture/MaxTs527_1.png)
This options allow stop compilation if ANY TS file has error
![](/TsLecture/MaxTs528_1.png)
Type script, details TS restriction one-by-one
![](/TsLecture/MaxTs529_1.png)
For example we can avoid Any declaration on code
![](/TsLecture/MaxTs530_1.png)
![](/TsLecture/MaxTs531_1.png)
![](/TsLecture/MaxTs532_1.png)
Variables can declare without Ant, but not Function parameter
![](/TsLecture/MaxTs533_1.png)
![](/TsLecture/MaxTs534_1.png)
![](/TsLecture/MaxTs535_1.png)
![](/TsLecture/MaxTs536_1.png)
StrictNullCheck - this is about exclamation mark
![](/TsLecture/MaxTs537_1.png)
![](/TsLecture/MaxTs538_1.png)
![](/TsLecture/MaxTs539_1.png)
![](/TsLecture/MaxTs540_1.png)
![](/TsLecture/MaxTs541_1.png)
Alternative way for protection against needed HtmlElement not exist on Html
![](/TsLecture/MaxTs542_1.png)
StrictBindCallApply this is about Binding pointer to This for function
![](/TsLecture/MaxTs543_1.png)
![](/TsLecture/MaxTs544_1.png)
![](/TsLecture/MaxTs545_1.png)
![](/TsLecture/MaxTs546_1.png)
![](/TsLecture/MaxTs547_1.png)
![](/TsLecture/MaxTs548_1.png)
![](/TsLecture/MaxTs549_1.png)
![](/TsLecture/MaxTs550_1.png)
![](/TsLecture/MaxTs551_1.png)
![](/TsLecture/MaxTs552_1.png)
![](/TsLecture/MaxTs553_1.png)
![](/TsLecture/MaxTs554_1.png)
![](/TsLecture/MaxTs555_1.png)
Some usable extension
![](/TsLecture/MaxTs556_1.png)
![](/TsLecture/MaxTs557_1.png)
![](/TsLecture/MaxTs558_1.png)
![](/TsLecture/MaxTs559_1.png)
And about tuning VsCode
![](/TsLecture/MaxTs560_1.png)
![](/TsLecture/MaxTs561_1.png)
![](/TsLecture/MaxTs562_1.png)
Debugging is final sign correct tuning
![](/TsLecture/MaxTs563_1.png)
![](/TsLecture/MaxTs564_1.png)
Related pages
- Angular documentation
- Typescript documentation
- Javascript documentation
- ECMAScript ES6 vs Typescript
- React vs Angular
- (2024) Google Cloud and Cloudflare
- (2023) CloudflareWorker and Supabase
- (2022) JS, Css
- (2022) Typescript, Webpack
- (2022) Angular, RxJs, Firebase, MongoDb
- (2022) Node, NestJs, Electron, Pwa, Telegram
- (2022) React, Redux, GraphQL, NextJs
- (2022) Angular/Typescript, JS books
![](http://forum.vb-net.com/GetTopicCount.png?id=52475b70-2796-4553-a442-ba3a4d12f056)
<SITEMAP> <MVC> <ASP> <NET> <DATA> <KIOSK> <FLEX> <SQL> <NOTES> <LINUX> <MONO> <FREEWARE> <DOCS> <ENG> <CHAT ME> <ABOUT ME> < THANKS ME> |