{"id":231812,"date":"2023-01-13T17:02:00","date_gmt":"2023-01-13T14:02:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=231812"},"modified":"2022-11-10T05:18:29","modified_gmt":"2022-11-10T02:18:29","slug":"uued-angular-typescripti-toe-muudatused-versioonis-10","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/et\/uued-angular-typescripti-toe-muudatused-versioonis-10\/","title":{"rendered":"Uued Angular TypeScripti toe muudatused versioonis 10"},"content":{"rendered":"\n<p>Angular andis hiljuti v\u00e4lja oma versiooni 10 ja see on t\u00e4is funktsioone. \u00dcks oluline muudatus on asjaolu, et selle uus TypeScripti tugi katkestab \u00fchilduvuse eelmiste versioonidega. Vaatame, mis on uut ja kuidas see Angulari arendajatele kasulik on.<\/p>\n<p>Angular 10 TypeScripti toe muudatused v\u00f5ib kokku v\u00f5tta kolmes valdkonnas:<\/p>\n<h2>Uus TypeScript 3.9 tugi<\/h2>\n<p>Angular 10 on suur versioon, mis avaldati 24. juunil ja sisaldab palju uusi t\u00e4iendusi: alates kasutajaliidese komponentidest, nagu uus <a href=\"https:\/\/next.material.angular.io\/components\/datepicker\/overview#date-range-selection\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">kuup\u00e4evavahemiku valija<\/a>, kuni suurte muudatusteni, nagu selle TypeScripti versiooni tugi.<\/p>\n<p>Angular <a href=\"https:\/\/startfunction.com\/tag\/typescript\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">TypeScripti<\/a> tuge on hoitud v\u00e4ga kiiresti ajakohasena, mis n\u00e4itab t\u00e4ielikku p\u00fchendumist JavaScripti tipptasemele:<\/p>\n<ul>\n<li>6 veebruaril v\u00e4lja antud Angular 9 toetas TypeScript 3.7<\/li>\n<li>25 m\u00e4rtsil v\u00e4lja antud Angular 9.1 tutvustas TypeScript 3.8 tuge<\/li>\n<li>Angular 10 toetab n\u00fc\u00fcd ainult TypeScript 3.9<\/li>\n<\/ul>\n<p>Pange t\u00e4hele, et see on murranguline muudatus: TypeScript 3.8 ja varasemaid versioone Angular enam ei toeta ning kui teil neid mingil p\u00f5hjusel vaja on, \u00e4rge v\u00e4rskendage versioonile Angular 10, et s\u00e4ilitada oma rakenduse terviklikkus.<\/p>\n<p><a href=\"https:\/\/github.com\/microsoft\/tslib\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">TSlib<\/a>, TypeScripti ametlik k\u00e4itusaja teek, mis sisaldab k\u00f5iki TypeScripti abifunktsioone, on v\u00e4rskendatud versioonile 2.0.<\/p>\n<p><a href=\"https:\/\/github.com\/palantir\/tslint\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">TSLint<\/a>, staatilise anal\u00fc\u00fcsi t\u00f6\u00f6riist, mis kontrollib TypeScripti koodi loetavust, hooldatavust ja funktsionaalsuse vigu, on v\u00e4rskendatud versioonile 6. See on TSLinti viimane suurem versioon enne selle aegumist, seega on t\u00f5en\u00e4oline, et uus Angular versioon toetab <a href=\"https:\/\/github.com\/typescript-eslint\/typescript-eslint\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">TypeScript ESLint<\/a>, TSLinti edasiarendus, mis v\u00f5imaldab ESLintil TypeScripti toetada.<\/p>\n<h2>Uus projekti struktuur<\/h2>\n<p>Teine valdkond, kus v\u00e4rskendati ka Angular TypeScripti tuge, on projekti paigutus. Versioon 10 tutvustab n\u00fc\u00fcd uut <code>tsconfig.base.json<\/code>. See uus fail t\u00f6\u00f6tab koos traditsioonilise failiga <code>tsconfig.json<\/code>:<\/p>\n<ul>\n<li>fail <code>tsconfig.json<\/code>sisaldab teiste praeguses projektis sisalduvate TypeScripti konfiguratsioonifailide teede loendit, et m\u00e4\u00e4rata, millisesse konfiguratsioonifaili fail kuulub, et see saaks rakendada sobivaid suvandeid. Kui koodiredaktorid ja TypeScripti keeleserver kasutavad seda faili parema arenduskogemuse saavutamiseks, siis kompilaatorid seda ei tee.<\/li>\n<li>Fail m\u00e4\u00e4rab <code>tsconfig.base.json<\/code>p\u00f5hilised TypeScripti ja Angular-kompilaatori suvandid, mille p\u00e4rivad k\u00f5ik t\u00f6\u00f6ruumi projektid.<\/li>\n<\/ul>\n<p>Rakenduse v\u00e4rskendamine rakendusega <code>ng update<\/code>v\u00e4rskendab automaatselt struktuuri, et kasutada uut <code>tsconfig.base.json<\/code>.<\/p>\n<h2>Uued ranged seaded<\/h2>\n<p>Angular 10 pakub n\u00fc\u00fcd uut valikut CLI k\u00e4su jaoks <code>ng new<\/code>. Kui loote uue t\u00f6\u00f6ruumi rakendusega<\/p>\n<p><code>ng new --strict<\/code><\/p>\n<p>uuel t\u00f6\u00f6alal on sisse l\u00fclitatud uued s\u00e4tted, et aktiveerida TypeScriptis range re\u017eiim ja konfigureerida linteerimisreegleid, et v\u00e4ltida t\u00fc\u00fcbi deklareerimist <code>any<\/code>. See v\u00f5imaldab vigu enne t\u00e4htaega tabada ja v\u00f5imaldab ka CLI-l rakenduses t\u00e4psemaid optimeerimisi teha.<\/p>\n<h2>Rohkem muudatusi Angular 10-s<\/h2>\n<p>See postitus v\u00f5ttis kokku muudatused Angular TypeScripti toes. <a href=\"https:\/\/blog.angular.io\/version-10-of-angular-now-available-78960babd41\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Angular 10 v\u00e4ljalaske<\/a> blogipostitusest saate lugeda veel palju muudatusi<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/startfunction.com\" class=\"external external_icon\">startfunction.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>TypeScript 3.9 tugi ja uued TS-teegid on selle versiooni suured muudatused.<\/p>\n","protected":false},"author":1,"featured_media":236900,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[718,749,781,894,842],"tags":[1165],"class_list":["post-231812","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-arendaja","category-avatud-laehtekoodiga","category-avatud-laehtekoodiga-tarkvara","category-kood","category-opetused","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/231812","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/comments?post=231812"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/231812\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media\/236900"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media?parent=231812"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/categories?post=231812"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/tags?post=231812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}