Node と Express で TypeScript を使用する方法 (および理由)。

他のファイルからインポートしたクラスでオートコンプリートを使用できる。

Java や C # の開発者が大きなプロジェクトを JS へ移行させない大きな理由の一つはメンテナンス性の難しさである。 Typescript は、この障壁を克服するエンタープライズ言語であると言えます。

How to setup an Express project with Typescript

では、Express.TypeScript 言語を使用する環境を作成するためのステップバイステップを見ていきましょう。

npm init

では、typescript パッケージをインストールしましょう。

npm install typescript -s

About the Typescript node package

Node.js は Javascript を実行するエンジンであり、Typescript ではありません。 node Typescript パッケージを使用すると、.ts ファイルを .js スクリプトにトランスパイルすることができます。

私たちの package.json 内に tsc:

"scripts": {
"tsc": "tsc"
},

というスクリプトを置きます。この変更により、プロジェクトのフォルダー内のコマンドラインから Typescript 関数を呼び出すことができるようになります。 つまり、次のコマンドを使うことができます:

npm run tsc -- --init

このコマンドは、tsconfig.json ファイルを作成することによって typescript プロジェクトを初期化します。 このファイルの中で、outDir オプションのコメントを解除し、トランスパイルされた .js ファイルの配信場所を選択します:

express.js のインストール

npm install express -s

Express と Typescript パッケージは、独立しています。 この結果、Typescript は Express クラスの型を「知らない」ことになります。

npm install @types/express -s

Hello world

できるだけシンプルなアプリケーションを作成するために、express.js の hello world の例を使用します。361>

https://expressjs.com/pt-br/starter/hello-world.html

プロジェクトの中で、app というフォルダーを作成します。 このフォルダーの中に、次の内容の app.ts というファイルを作成します。

Compiling our first application:

npm run tsc

ご覧のように、コマンドは自動的に build フォルダーと .js ファイルを作成します。

Express を実行:

node build/app.js

これで、ポート 3000 ですでにサーバーが実行されていることが確認できました。

トランスパイルせずに TypeScript を実行

ts-node パッケージを使ってノード上で直接 Typescript を実行することができるようになります。

このパッケージは開発のみに使用することをお勧めします。

ts-node はすでに他のパッケージ tts-node-dev の依存関係として含まれています。 ts-node-dev をインストールした後、プロジェクト ファイルが変更されるたびにサーバーを再起動するコマンドを実行することができます。

npm install ts-node-dev -s

私たちの packege.json 内に、さらに 2 つのスクリプトを追加します:

"scripts": {
"tsc": "tsc",
"dev": "ts-node-dev --respawn --transpileOnly ./app/app.ts",
"prod": "tsc && node ./build/app.js"
},

開発環境を起動する。

npm run prod

最終的なプロジェクトは github リポジトリにあります:

Subscribe to Decoded, our official YouTube channel!

コメントを残す

メールアドレスが公開されることはありません。