TypeScript 環境を構築して VSCode にデプロイする詳細な手順

前書き: TypeScriptをビルドしたい場合はnpmが必要です。cnpm cnpm必要な場合はnode環境が必要です。すべてお持ちの場合は、読み進めてください。

TypeScript環境の構築

ステップ1: Taobaoミラーをダウンロードする

まずnpmが正常にインストールされているかどうかを確認します

npm だけでは不十分です。cnpm もダウンロードする必要があります。コマンドは次のとおりです (直接コピーして貼り付けます)。

npm をインストール -g cnpm --registry=https://registry.npm.taobao.org

ダウンロード後はこのように表示されます。

ステップ2: TypeScriptをダウンロードする

コマンド ウィンドウで、次のように入力します (直接コピーして貼り付けます)。

npm インストール -g タイプスクリプト

このようにダウンロードしてください。

バージョン番号を確認してください:

tsc -v

これで TS は完全に準備完了です。

VSCodeにデプロイ

まずtsDemoというフォルダを作成し、

tsDemo フォルダに demo.ts ファイルを作成し、内容を記述します。 。
次に、コマンド ウィンドウで tsDemo フォルダーの場所に移動します。

次に、この場所に tsconfig.json ファイルを生成する必要があります。
このコマンドをコピーするだけです:

tsc --init

その後、tsDemo フォルダーに tsconfig.json ファイルが生成されます。

tsconfig.json 構成を変更する

tsDemo フォルダーを vsCode にドラッグします。 、tsconfig.jsonを見つけ、
選択した行のコメントを削除して保存します。

次に、ts ファイルを選択し、[ターミナル] => [ビルド タスクの実行] をクリックします。 tsc: monitor をクリック

次に、ターミナルに js フォルダーが生成され、その中に ts ファイルからコンパイルされた js ファイルが含まれます。
完成しました。自分に拍手を送りましょう🎉🎉🎉

起こりうるエラー

tsc: ファイル C:\Users\JMQ\AppData\Roaming\npm\tsc.ps1 を読み込めません。
このシステムではスクリプトの実行が禁止されているためです。詳細については、
about_Execution_Policies については、https://go.microsoft.com/fwlink/?LinkID=135170 をご覧ください。

解決：

vscode を管理者として実行します。

次にターミナルに次のように入力します:

実行ポリシーの設定 リモート署名

エラーは報告されません。

ps: vscode が TypeScript ファイルを実行する方法を見てみましょう。

1. vscodeコンソールでtsc xxx.tsコマンドを実行してxxx.jsに変換します。

2. ノードxxx.tsを実行して結果を出力します。

TypeScript 環境の構築と VSCode へのデプロイの詳細な手順については、これで記事は終了です。TypeScript 環境の構築の詳細については、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。