2017-06-14 6 views
1

VSCodeを初めて使用しています。 私はELMを初めて使用しています。elm-makeを実行するためにVSCode(Visual Studio Code)を使用できますか?

私はVIMとコマンドラインツールを使ってELMプロジェクトを作成できますが、IDEを利用したいと思います。私はVIMのいくつかの素敵な部分を拾うように見えるので、インターネットからのアドバイスでVSCodeを選択しました。

これで、いくつかの.elmファイルがあります。

Main.elm 
View.elm 
Model.elm 

Model.elmでelm-makeを実行してエラーがないことを確認します。

次に、main.elmでelm-makeを実行してindex.htmlを作成したいので、プロジェクトを表示できます。

これはVSCodeをカスタマイズする方法に精通している人にとっては非常に簡単な質問ですが、これまで説明したように、私はVSCodeを初めて使用しています。

答えて

1

elm-makeためtaskを設定してみてください。

は内容で./vscode/tasks.jsonを作成します。

{ 
    "version": "0.1.0", 
    "tasks": [ 
     { 
      "taskName": "elm make", 
      "isBuildCommand": true, 
      "command": "elm-make", 
      "args": ["./main.elm"], 
      "isShellCommand": true 
     } 
    ] 
} 

あなたは、タスクを実行するか、または個別にタスクを実行するために、ビルドコマンドを使用することができます。

また、ニレの拡張子に見てみたいことがあります。https://marketplace.visualstudio.com/items?itemName=sbrink.elm

+0

私はあなたの答えが正しいことをかなり確信していますが、私が十分に声明「私はVSCodeに新しいです」強調していなかった可能性です。不明な項目には、.vscode /ディレクトリの存在場所が含まれます。タスクが作成されたら、どのようにタスクを実行しますか? –

+0

'.vscode'ディレクトリはワークスペースのルートにある必要があります。いくつかの方法でタスクを実行できます。 2つの簡単な方法:コマンドパレットで 'Run Task'コマンドを使うか、デフォルトで' cmd + shift + b'にバインドされた 'Run Build task'コマンドを使います。 VSCodeタスクの詳細については、[tasks documentation](https://code.visualstudio.com/Docs/editor/tasks) –

+0

を参照してください。あなたの答えは素晴らしいスタートですが、実際のキーは私にタスクをウィンドウコマンドにリンクします。上記のタスクは、現在のディレクトリでelm-makeを実行せず、常にmain.elmファイルをコンパイルします。 $ {file}と{$ DirFilename}はその問題を解決します。タスクは動作するピタですが、ドキュメンテーションはキーバインドの解決方法とそれを作成する方法を示しています。私を始めてくれてありがとう。 –

関連する問題