close

TypeScript Comhtháthú le Angular, React agus Vue.js: Cumraíocht agus Buntáistí i bhForbairt Feidhmchláir Ghréasáin

Réamhrá

I saol nua-aimseartha na forbartha feidhmchlár gréasáin, tá úsáid TypeScript le creataí coitianta mar Angular, React, agus Vue.js tar éis éirí mar threocht ríthábhachtach. TypeScript soláthraíonn sé seiceáil cineál statach, ag cur le forbairt cód níos inbhuanaithe agus níos solúbtha. Bunaithe ar seo, cuireann an t-alt seo treoir chuimsitheach ar fáil maidir le conas TypeScript na buntáistí a bhaineann leis i bhforbairt feidhmchlár gréasáin a chumrú agus a úsáid leis na creataí móréilimh seo.

 

Chumrú TypeScript le Angular

Úsáid chun tionscadal Angular CLI a chruthú TypeScript

Angular CLI bealach tapa agus éasca a thairiscint chun Angular tionscadal a chruthú atá réamhchumraithe le TypeScript. Níl ort ach an t-ordú seo a leanas a rith chun tionscadal nua a chruthú:

ng new my-app --defaults

Cumraíocht tsconfig.json

Ligeann an comhad tsconfig.json duit TypeScript socruithe a shaincheapadh i do Angular thionscadal. Mar shampla, is féidir leat an comhad tsconfig.json a chumrú mar seo a leanas:

{  
  "compilerOptions": {  
    "target": "es2017",  
    "module": "es2020",  
    "strict": true  
  }  
}

Seiceáil cineál statach a ghiaráil agus tacaíocht IntelliSense agus iad ag forbairt le Angular agus TypeScript

Sampla: Ag tógáil Angular component le TypeScript:

import { Component } from '@angular/core';  
  
@Component({  
  selector: 'app-example',  
  template: `  
    <h1>{{ greeting }}</h1>  
  `  
})  
export class ExampleComponent {  
  greeting: string = 'Hello, TypeScript!';  
}

 

Chumrú TypeScript le React

Ag baint úsáide as Create React App le TypeScript

React App Is uirlis choitianta é Create chun React tionscadail a chruthú. Is féidir leat tionscadal nua a chruthú leis TypeScript an ordú seo a leanas a rith:

npx create-react-app my-app --template typescript

TypeScript Leabharlanna tacaíochta a shuiteáil i React

Suiteáil na pacáistí agus lena chinntiú gur féidir leat cineál-chúnamh do chód a thuiscint agus a sholáthar. @types/react @types/react-dom TypeScript React

Úsáid a bhaint as dearbhuithe cineáil agus seiceáil cineál statach sa React chód

Sampla: React Comhpháirt a thógáil le TypeScript:

import React from 'react';  
  
interface Props {  
  name: string;  
}  
  
const Greeting: React.FC<Props> =({ name }) => {  
  return <h1>Hello, {name}!</h1>;  
};  
  
export default Greeting;

 

Chumrú TypeScript le Vue.js

Ag baint úsáide as chun tionscadal Vue CLI a chruthú Vue.js le TypeScript

Soláthraíonn Vue CLI teimpléid tionscadail réamhchumraithe chun Vue.js tionscadail a chruthú le TypeScript. Níl ort ach an t-ordú seo a leanas a rith:

vue create my-app

Ansin, roghnaigh teimpléad a thacaíonn le TypeScript.

TypeScript Gnéithe leveraging i Vue.js bhforbairt

Sampla: Ag tógáil Vue component le TypeScript:

<template>  
  <h1>{{ greeting }}</h1>  
</template>  
  
<script lang="ts">  
import { Vue, Component } from 'vue-property-decorator';  
  
@Component  
export default class GreetingComponent extends Vue {  
  greeting: string = 'Hello, TypeScript!';  
}  
</script>

 

Buntáistí a bhaineann TypeScript le forbairt feidhmchlár gréasáin

  • Cuidíonn seiceáil cineál statach le hearráidí a bhrath go luath agus cinntíonn sé cruinneas an chóid.
  • Treisíonn cúnamh IntelliSense agus cliste táirgiúlacht agus laghdaítear am dífhabhtaithe.
  • Éiríonn cód níos inchothaithe agus níos fairsinge trí úsáid a bhaint as dearbhuithe cineáil agus TypeScript gnéithe.
  • Comhtháthú gan uaim le huirlisí forbartha móréilimh agus leabharlanna ar nós tiomsaitheoirí, debuggers, agus bainisteoirí pacáiste.

 

Conclúid

San Airteagal seo, tá treoir mhionsonraithe curtha ar fáil againn maidir leis TypeScript na buntáistí a bhaineann leis a chumrú agus a úsáid agus muid ag obair le creataí gréasáin móréilimh mar Angular, React  agus Vue.js. Trí úsáid a bhaint as TypeScript, is féidir leat solúbthacht a fheabhsú, earráidí a laghdú, agus feidhmíocht a fheabhsú i d'fhorbairt feidhmchlár gréasáin.

 

Leis an treoir seo, gheobhaidh tú tuiscint shoiléir ar conas TypeScript na buntáistí a bhaineann leis i bhforbairt feidhmchlár gréasáin a chumrú agus a ghiaráil le creataí móréilimh mar Angular, React, agus Vue.js.