TypeScipt は、Microsoft が開発したオープンソース言語です。これは JScipt のスーパーセットであり、開発した JScipt スキルを引き続き使用できるだけでなく、以前は利用できなかった特定の機能が追加されます。では、TypeScipt をインストールして実行するにはどうすればよいでしょうか?このチュートリアルでは、主に TypeScipt 環境を構築する手順を紹介します。 プロジェクトで使用可能な TypeScipt を取得するには、次の 2 つの一般的な方法を使用できます。
現在、Visul Studio 209 は JScipt 開発に対して豊富なサポートを提供しています。JScipt を直接使用することも、TypeScipt プログラミング言語を使用することもできます。したがって、TypeScipt を入手するには、最新バージョンの Visul Studio をダウンロードしてインストールできます。 2. JScipt 開発者の場合は、コンピューターに npm がインストールされている可能性があります。 コマンドプロンプトウィンドウを開き、npm 実行と入力して確認します。 npm がインストールされている場合は、バージョンとコンパイラ コマンドのリストが表示され、npm を使用できるようになります。 npm がインストールされていない場合は、コマンドが認識されないというメッセージが表示されます。 まず Node.js をインストールする必要があります。
TypeScipt は、npm レジストリで typescipt パッケージとして利用できます。 TypeScipt の最新バージョンをインストールします。
この手順では、Visual Studio Code でプロジェクト ワークスペースを作成し、ワークスペースを初期化します。 、Visual Studio Code を開きます。 2. 「ようこそ」ウィンドウで、「ワークスペース フォルダーの追加」を選択します。 3. 新しいプロジェクト フォルダーを作成し、「追加」を選択します。 4. 左側のペインで、「エクスプローラー」ボタンを選択します。 5. エクスプローラー ペインで、[新しいファイル] アイコンを選択します。 6. 「モジュール 0 演習」の下にファイル名「module0.ts」を入力し、Enter キーを押します。 TypeScipt ファイルが新しいコード エディターに表示されます。 TypeScipt ソース コードをコンパイルする場合、TypeScipt コンパイラはデフォルトの動作を適用します。 ただし、TypeScipt プロジェクト フォルダーのルートに tsconfig.json ファイルを追加することで、TypeScipt コンパイラ オプションを変更できます。 このファイルは、コンパイラ オプションや含める必要のあるファイルなどの TypeScipt プロジェクト設定を定義します。 TypeSciptコンパイラを使用することができます Visual Studio Code で、[ターミナル] > [新しいターミナル] を選択して、新しいターミナル ウィンドウを開きます。 2. コマンドプロンプトで次のように入力します。 3. コード エディターで tsconfig.json ファイルを開きます。 多くのオプションがあり、そのほとんどはコメントアウトされていることがわかります。有効になっている各オプションの説明を参照してください。 4. tsconfig.json ファイルで、ターゲット オプションを見つけて、それを 5. tsconfig.json ファイルを更新して、コンパイラがすべての JScipt ファイルを新しいフォルダーに保存するようにします。
6. tsconfig.json ファイルを保存します。 7. コマンドプロンプトで次のように入力します。 ここで、TypeScipt ファイルにいくつかの JScipt コードを追加してコンパイルすることができます。たとえば、次の JScipt コードをコピーして module0.ts エディターに貼り付けます。
コードをコンパイルする前であっても、Visual Studio Code は組み込みの TypeScipt サポートを使用して型チェックをすでに実行しています。 以前と同様に、ddNumbes 関数には引数に対して 2 つの型エラーがあります。 TypeScipt コードを更新して、各パラメータの型を指定します。 2. TypeScipt ファイルを保存します。 TypeScipt コンパイラは、保存されたバージョンのファイルでのみ動作します。 3. ターミナルのコマンドプロンプトで「tsc module0.ts」と入力します。 コンパイラは正常に実行されるはずです。 新しい JScipt ファイルが追加されましたが、エクスプローラーのビルド フォルダーには存在しないことに注意してください。 ファイルを表示するには、エクスプローラー ペインを更新する必要がある場合があります。 4. 構成ファイルを読み込み、フォルダー内のすべての .ts ファイルをコンパイルするには、ファイル名を指定せずに 5. module0.js ファイルを開き、右上隅の「エディターを右に分割」ボタンを選択して、新しいエディター ビューを開きます。 これで、.ts ファイルと .js ファイルを並べて表示できるようになります。 .js ファイルに新しい型注釈が含まれていないことを除いて、これらは同一であることに注意してください。 6. ターミナルのコマンドプロンプトで、「node .\build\module0.js`」と入力します。 これにより、JScipt が実行され、結果がコンソール ログに表示されます。 最後に、プロジェクトに HTML ファイルを追加して、JScipt コードを実行してテストすることができます。次の手順に従います。 エクスプローラーで、[新しいファイル] ボタンを選択します。 2. ファイル名 module0.html を入力し、Enter キーを押します。 HTML ファイルが新しいコード エディターに表示されます。次に、次の HTML をコピーしてエディターに貼り付け、ファイルを保存します。
3. エクスプローラーで module0.html を右クリックし、「既定のブラウザーで開く」を選択します。 4. ブラウザの開発者ツールを有効にして、TypeScipt でコーディングを開始します。 |
<<: WordPress 6.1が間もなくリリースされ、開発の主要分野は期待に値する
>>: Tabby チュートリアル: ダウンロード、インストール、SSH 接続の追加
ワイルドカード証明書は、ワイルドカード SSL 証明書とも呼ばれます。ドメイン名とその下のすべてのサ...
金融テクノロジーの発展を促進するためのデータガバナンスの強化記者の孫趙金融業界の急速な発展と科学技術...
著者: 陳昊 出典: Brand Market Relativity今日の競争の激しいビジネス環境に...
25のアーキテクチャ図がデータガバナンスの中核となる内容を明確にします蔡春九データ職人クラブ現在、...
SSL 証明書をインストールする前に、通常の CA 組織 (GeoTust、Comodo、Symnt...
どのブランドの電磁調理器が良いですか?実際にテストしておすすめした売れ筋商品5選!市場には多くの種類...
オンラインストアのプロモーションと運営ツール:Alimamaのフルサイトプロモーションは、eコマー...
実店舗: 顧客を引き付け、顧客を増やすのは実はとても簡単です!客不足、客不足、深刻な客不足! ! !...
効果的なオフラインキャンパスマーケティング手法5つ1. ブランド活動の創出 ブランド活動とは、ブラ...
牛乳を売ることはお金を稼ぐ素晴らしい方法です。ソーシャルeコマースの配信方法をマスターして、売上を簡...
インターネット製品の価値の流れ: 価値の流れ、ワークフロー、情報の流れ三流というのは、私たちが自分た...
著者 |戻る編集者 |ジランリズキが帰ってきた。午後4時30分11月12日、麗子奇は中国の無形文化遺...
いくつかの新しいKTVマーケティング手法KTVの人気を高めるにはプロモーションが最も効果的な方法です...
経営管理の概念と経営管理と業務管理の違いは何ですか? 1. 異なる分野経営管理とは、企業内の経営管...
経営管理の中核となる業務経済成長の波は後退し、市場の状況が変化すれば誰もが儲かる時代は永遠に過ぎ去り...