text
VSCode での TypeScript 自動コンパイルの構成
関連する推奨事項: 「vscode チュートリアル 」
TypeScript コンパイラーのインストール
Visual Studio Code には TypeScript 言語サポートが含まれていますが、 TypeScript コンパイラ tsc は含まれていません。 TypeScript ソース コードを JavaScript (tsc HelloWorld.ts) に変換するには、TypeScript コンパイラをグローバルまたはワークスペースにインストールする必要があります。
TypeScript をインストールする最も簡単な方法は、Node.js パッケージ マネージャーである npm を使用することです。-g はグローバル インストールを意味します。
インストール
npm install -g typescript
バージョンの確認 - インストールが成功するとバージョン情報が出力されます
tsc --version
xm@xm-Vostro-3670:~/project$ tsc --version Version 3.3.3333
新しいHelloWorldフォルダとhello_worldを作成します.ts ファイル
mkdir HelloWorld
const text:string = 'hello world'; console.log(text);
{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"outDir": "out",
"sourceMap": true
}
}ログイン後にコピー
新しいタスクTenimal->タスクの実行
{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"outDir": "out",
"sourceMap": true
}
}
tsc:build-tsconfig.json
##設定完了
##を押してください# F5
は、ディレクトリ内に追加の out
フォルダーがあることを検出しました。構成は "outDir": "out",DEBUG ですCONSOLE 出力 hello world。
Modify
text
Save pressF5
その他 プログラミング用関連知識については、
プログラミング ビデオ
以上がVSCode での TypeScript 自動コンパイルの構成の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7662
15
1393
52
1205
24
91
11
VSCODEに必要なコンピューター構成
Apr 15, 2025 pm 09:48 PM
VSコードシステムの要件：オペレーティングシステム：オペレーティングシステム：Windows 10以降、MACOS 10.12以上、Linux Distributionプロセッサ：最小1.6 GHz、推奨2.0 GHz以上のメモリ：最小512 MB、推奨4 GB以上のストレージスペース：最低250 MB以上：その他の要件を推奨：安定ネットワーク接続、XORG/WAYLAND（Linux）
vscodeのヘッダーファイルを定義する方法
Apr 15, 2025 pm 09:09 PM
ビジュアルスタジオコードを使用してヘッダーファイルを定義する方法は？ヘッダーファイルを作成し、.hまたは.hpp接尾辞名（クラス、関数、変数など）を使用してヘッダーファイルにシンボルを宣言し、#includeディレクティブを使用してプログラムをコンパイルして、ソースファイルにヘッダーファイルを含めます。ヘッダーファイルが含まれ、宣言された記号が利用可能になります。
vscode中国の注釈が疑問符になるという問題を解決する方法
Apr 15, 2025 pm 11:36 PM
Visual Studioコードで中国のコメントが疑問符になるという問題を解決する方法：ファイルのエンコーディングを確認し、「BOMなしでUTF-8」であることを確認します。フォントを「歌のスタイル」や「Microsoft Yahei」などの漢字をサポートするフォントに変更します。フォントを再インストールします。 Unicodeサポートを有効にします。 VSCODEをアップグレードし、コンピューターを再起動し、ソースファイルを再作成します。
vscodeの使用方法
Apr 15, 2025 pm 11:21 PM
Visual Studio Code（VSCODE）は、Microsoftが開発したクロスプラットフォーム、オープンソース、および無料のコードエディターです。軽量、スケーラビリティ、および幅広いプログラミング言語のサポートで知られています。 VSCODEをインストールするには、公式Webサイトにアクセスして、インストーラーをダウンロードして実行してください。 VSCODEを使用する場合、新しいプロジェクトを作成し、コードを編集し、コードをデバッグし、プロジェクトをナビゲートし、VSCODEを展開し、設定を管理できます。 VSCODEは、Windows、MacOS、Linuxで利用でき、複数のプログラミング言語をサポートし、マーケットプレイスを通じてさまざまな拡張機能を提供します。その利点には、軽量、スケーラビリティ、広範な言語サポート、豊富な機能とバージョンが含まれます
VSCODE端子の共通コマンド
Apr 15, 2025 pm 10:06 PM
VSコード端子の一般的なコマンドには、端子画面のクリア（クリア）、現在のディレクトリファイル（LS）のリスト、現在のワーキングディレクトリ（CD）、現在のワーキングディレクトリパス（PWD）の印刷、新しいディレクトリ（MKDIR）の作成、空のディレクトリ（RMDIR）の削除、新しいファイルの作成（RM）の削除（RM）、COPのコピー（RM）、 （MV）ファイルコンテンツの表示（CAT）ファイルコンテンツを表示してスクロール（より少ない）ファイルコンテンツを表示するだけです（その他）ファイルの最初の数行（ヘッド）を表示する
VSCODE前の次のショートカットキー
Apr 15, 2025 pm 10:51 PM
VSコードワンステップ/次のステップショートカットキー使用法：ワンステップ（後方）：Windows/Linux：Ctrl←; macOS：CMD←次のステップ（フォワード）：Windows/Linux：Ctrl→; macOS：CMD→
vscodeで中国モードを切り替える方法
Apr 15, 2025 pm 11:39 PM
vs中国モードを切り替えるコード：設定インターフェイスを開き（Windows/Linux：Ctrl、MacOS：CMD、）[エディター：言語]設定を検索します。ドロップダウンメニューで[中国語]を選択します。
中国語でVSCodeを設定する方法
Apr 15, 2025 pm 09:27 PM
ビジュアルスタジオコードで中国語を設定するには2つの方法があります。1。中国語パッケージをインストールします。 2。構成ファイルの「ロケール」設定を変更します。 Visual Studioコードバージョンが1.17以上であることを確認してください。
