3

Microsoft は、Mac OS X プラットフォーム用の新しい Visual Studio Code をリリースしました。TypeScriptコードのオートコンプリートとエラーレポートを取得できるという点で、TypeScriptをサポートしています。

私の質問: Visual Studio Code 内から (対応する JavaScript ファイルを生成するために) TypeScript ファイルをコンパイルするにはどうすればよいですか? {} のみを使用して推奨どおりにデフォルトの tsconfig.json ファイルを作成し、shift+command+B を呼び出してみましたが、更新された JavaScript ファイルが生成されません。

4

4 に答える 4

5

これを行うには、タスクを設定する必要があります。

別のオペレーティング システムを使用しているため、ショートカットが少し間違っている場合は、あらかじめお詫び申し上げます。Windowsを使用している人にとっては、OSXバージョンは単に代わりにCTRL使用することを意味すると思います.CMD

CTRL+ SHIFT+を押すPと、すべてのコマンドを検索できるアクション メニューが表示されます。

タイプしConfigure Task Runnerます。まだ持っていない場合は、設定フォルダーに tasks.json ファイルが作成されます。それ以外の場合は、既存の tasks.json ファイルが開きます。

組み込まれている TypeScript タスクのコメントを外すことができます。これは次のようになります (私のメイン ファイルは app.ts で、このファイルのデフォルトは HelloWorld.ts です)。

// A task runner that calls the Typescipt compiler (tsc) and 
// Compiles a HelloWorld.ts program
{
    "version": "0.1.0",

    // The command is tsc.
    "command": "tsc",

    // Show the output window only if unrecognized errors occur. 
    "showOutput": "silent",

    // Under windows use tsc.exe. This ensures we don't need a shell.
    "windows": {
        "command": "tsc.exe"
    },

    // args is the HelloWorld program to compile.
    "args": ["app.ts"],

    // use the standard tsc problem matcher to find compile problems
    // in the output.
    "problemMatcher": "$tsc"
}

CTRLその後、 + SHIFT+を使用してオンデマンドでこのタスクを実行できますB。

複数のタスクが定義されている場合は、CTRL+Eとタイプtask(「タスク」の後のスペースに注意してください) を使用すると、選択できるすべてのタスクのリストが表示されます。

キーボードから手を離す必要はありません。

最後に... それでも何も得られない場合は、ウィンドウの下部にあるこのアイコンをチェックしてください。コンパイラ エラーが発生している可能性があります... (下のアイコンは 1 つのエラーを示しています。詳細については、エディタでクリックしてください)。

ビルド / エラー / 警告

于 2015-04-30T19:15:54.003 に答える
2

「.js」ファイルを生成しないtscトランスパイラー（ソースコードをある形式から別の形式にコンパイルするため）で同じ問題に直面していました。

回避策:

Windows コマンド プロンプト ( cmd.exe - 管理者として実行)で次のコマンドを実行してみてください。

tsc test.ts

正しいフォルダ パスにいることを確認するか、「.ts」ファイルの絶対パスを指定してください

ここに画像の説明を入力

うまくいけば、「.ts」ファイルと同じフォルダーに「.js」ファイルが生成されるはずです。

「.js」ファイルが生成されたので、変更を加えるたびに上記のコマンドを実行するのを避けるために、tsc で自動変換の監視コマンドを実行できます。

「.ts」ファイルの自動変換を実行するには、次のコマンドを実行してみてください。

tsc test.ts --watch

「.ts」ファイルに戻って変更を加えて [保存] をクリックすると、自動変換が実行され、「.js」ファイルが即座に更新されます。コマンドプロンプトを実行し続けることを忘れないでください。

tsc トランスパイラーが Visual Studio Code のCtrl + Shift + Bキープレスで動作しない理由についてはまだ調査していませんが、Visual Studio Code のインストールで使用されているtscのバージョン、または定義されている環境 PATH 変数またはインストールされている npm に問題があると推測されます。異なる tsc バージョン..理由は複数ある可能性があります。

出力：

ここに画像の説明を入力

しかし、物事を素早く終わらせたい人にとっては、この回避策が役立つことを願っています.

于 2015-09-15T20:31:35.647 に答える
1

TypeScript コンパイラのすべてのオプションを定義するにはtsconfig.jsonファイルが必要で、コンパイラ オプションを設定するにはtasks.jsonファイルが必要です。

tsconfig.json

{
    "compilerOptions": {
        "target": "ES5",
        "module": "amd",
        "sourceMap": false
    }
}

tasks.json ... ${file} で "args" の行を参照して、開いているファイルをコンパイルします。

{
    "version": "0.1.0",

    // The command is tsc.
    "command": "tsc",

    // Show the output window only if unrecognized errors occur. 
    "showOutput": "silent",

    // Under windows use tsc.exe. This ensures we don't need a shell.
    "windows": {
        "command": "tsc.exe"
    },

    // args is the HelloWorld program to compile.
    "args": ["${file}"],

    // Use the standard tsc problem matcher to find compile problems
    // in the output.
    "problemMatcher": "$tsc"
}

詳細: http://blogs.msdn.com/b/typescript/archive/2015/04/30/using-typescript-in-visual-studio-code.aspx

于 2015-05-14T10:09:12.570 に答える
0

Macで機能するソリューションを見つけました。args 行には、コンパイルしたい TypeScript ファイルのフル パス名を入力します。次に、CMD + SHIFT + B を使用してビルドを起動すると、tsc コンパイラが正常に実行され、対応する JavaScript ファイルが正常に生成されました。

于 2015-05-02T02:05:00.617 に答える