まず、ts を学習する前に、ts をインストールする必要があります。
1. typescriptをインストールする
npm install -g typescript
//检查是否安装
tsc -v
な
2. 構成ファイルを生成し、フォルダーに cd して、コンソールに入力します。
tsc --init
な
この時点で、tsconfig.json ファイルが ts フォルダーの下に表示されることがわかります。
な
3. ts ファイルをコンパイルする
(1) 最初の方法は、コマンドで直接コンパイルできます
たとえば、test.ts ファイルを作成する場合、コンソールにtsc + ファイル名を入力してコンパイルできます。
tsc test.ts
もちろん、この操作はより面倒なので、2 番目の方法を検討してください。
(2) vscode は自動的に ts ファイルをコンパイルします
ブラウザーは ts ファイルを認識できないため、コンパイル プロセスはts ファイルを js ファイルにコンパイルすることです。
設定方法は?
1段目と2段目
は以下の通り
3 番目のステップでは、ターミナルで run タスクをクリックします。
な
な
な
効果を見てください.この時点で、新しいdemo.tsを作成し、コンソールが自動的に監視して実行します
な
対応する demo.js ファイルが js フォルダーに自動的に生成されます。
な
この時点で、期待される目標を比較して達成します。な
注: もちろん、3 番目のステップでタスクを実行する 簡単な方法があります . tsc -w を ts ディレクトリで直接実行して、フォルダー内のすべての ts ファイルを実行できます
コンソールで ts を直接実行し、印刷などの出力を表示する方法
1. プラグイン Code Runner を vscode にインストールします。
2. ts パッケージをインストールする
npm i typescript ts-node @types/node@* -g
3. ファイルの右上隅にある実行ボタンをクリックします
この時点で、ts~ のラーニング パスを開始できます。