close

Comhtháthú TypeScript le hUirlisí Forbartha Coitianta: Visual Studio Code, Webpack, agus Babel

Suiteáil an TypeScript síneadh i Visual Studio Code

Suiteáil an TypeScript síneadh i Visual Studio Code

Oscail Visual Studio Code agus déan nascleanúint chuig an bpána Eisínteachtaí.

Cuardach " TypeScript " agus suiteáil an TypeScript breiseán oifigiúil.

 

Cumraigh na TypeScript roghanna tiomsaitheora sa chomhad tsconfig.json

Cumraigh na TypeScript roghanna tiomsaitheora sa chomhad tsconfig.json.

Saincheap na roghanna tiomsaitheoir de réir riachtanais do thionscadal.

Mar shampla:

{  
  "compilerOptions": {  
    "target": "es6",  
    "module": "commonjs",  
    "strict": true  
  }  
}

 

Bain úsáid as gnéithe cosúil le IntelliSense, seiceáil cineál uathoibríoch, agus nascleanúint cód isteach Visual Studio Code

Le TypeScript comhtháite, bainfidh tú leas as moltaí IntelliSense, cineál faisnéise, agus braite earráide agus tú ag scríobh cód i Visual Studio Code.

TypeScript Tá ardghnéithe teanga, ar nós nascleanúint cód agus athmhacrú, ar fáil san eagarthóir freisin.

 

Comhtháthú TypeScript le Webpack

Suiteáil na pacáistí riachtanacha: typescript, ts-loader agus webpack

Rith an t-ordú seo a leanas chun na pacáistí a shuiteáil:

npm install typescript ts-loader webpack --save-dev

 

Cumraigh chun comhaid a láimhseáil ag baint úsáide as ts-loader webpack.config.js TypeScript

Cuir an chumraíocht seo a leanas le do chomhad: webpack.config.js 

module.exports = {  
  entry: './src/index.ts',  
  module: {  
    rules: [  
      {  
        test: /\.ts$/,  
        use: 'ts-loader',  
        exclude: /node_module/  
      }  
    ]  
  },  
  resolve: {  
    extensions: ['.ts', '.js']  
  },  
  output: {  
    filename: 'bundle.js',  
    path: path.resolve(__dirname, 'dist')  
  }  
};

 

Socraigh breiseán agus lódairí breise chun TypeScript tiomsú agus cuachadh a bharrfheabhsú

Is féidir leat forlíontáin agus lódairí eile a áireamh mar terser- webpack -plugin, clean- webpack -plugin, nó babel -loader chun do phróiseas tógála a fheabhsú tuilleadh.

 

Comhtháthú TypeScript le Babel

Suiteáil na pacáistí riachtanacha: typescript, @ babel / preset- typescript, agus @ babel /cli

Rith an t-ordú seo a leanas chun na pacáistí a shuiteáil:

npm install typescript @babel/preset-typescript @babel/cli --save-dev

 

Cumraigh nó cuir an réamhshocrú san áireamh .babelrc babel.config.js TypeScript

Cruthaigh. babel rc nó cuir an chumraíocht seo a leanas le do babel chomhad .config.js:

module.exports = {  
  presets: ['@babel/preset-typescript']  
};

 

Saincheap Babel cumraíocht le haghaidh TypeScript gnéithe sonracha nó ceanglais comhoiriúnachta

Is féidir leat Babel forlíontáin nó réamhshocruithe breise a chur san áireamh chun TypeScript gnéithe sainiúla a chumasú nó chun comhoiriúnacht le timpeallachtaí sprice a chinntiú.

 

Leideanna agus Cleachtais is Fearr

  • Suiteáil TypeScript síntí agus forlíontáin ábhartha chun táirgiúlacht fheabhsaithe agus taithí fhorbróra a fheabhsú sna huirlisí forbartha atá roghnaithe agat.
  • TypeScript Gné tiomsaithe incriminteach( tsc --watch nó webpack --watch) ghiarála le haghaidh amanna tógála níos tapúla le linn na forbartha.
  • Déan iniúchadh ar ardroghanna cumraíochta chun an comhtháthú le do thimpeallacht forbartha ar leith a mhionchoigeartú, mar shampla rialacha ESLint a bhunú le haghaidh TypeScript.

 

Tríd an treoir chuimsitheach seo a leanúint, beidh tú in ann comhtháthú gan uaim TypeScript in uirlisí forbartha móréilimh mar Visual Studio Code, Webpack, agus Babel. Feabhsóidh sé seo do shreabhadh oibre forbartha, soláthróidh sé ardghnéithe teanga, agus ligfidh sé duit leas iomlán a bhaint as TypeScript tairbhí do thionscadail.