web-dev-qa-db-ja.com

Visual Studio 2015 CommunityでのES6 / ES7サポート

私はVS 2015が新しいjs構文をサポートしていると聞いていますが、これでaurelia.jsを使用して書かれたプロジェクトを開くと、IDE.

export class UpperValueConverter {
  toView(value){
    return value && value.toUpperCase();
  }
}

WebEssentials 2015がインストールされています。まだ何も機能していないようです...おそらく重要な情報は、現在のVSのインストールが新鮮なため、設定を台無しにしなかったことです。

visual-studio-2015ecmascript-6aureliaecmascript-7
24
Marek M.

.jsxファイルでこの問題が発生していました。VisualStudio 2015は react-tools プラグインを使用して構文エラーを解析および強調表示していました。

私はこれから私がこれを得た質問を見つけることができませんが、誰かが次のファイルの行を変更するように言った：

C:\Program Files (x86)\Microsoft Visual Studio 14.0\Common7\IDE\Extensions\Microsoft\Web Tools\External\react-server\server.js

次の行を変更します。

var transformed = reactTools.transformWithDetails(code, { elementMap: true });

に：

var transformed = reactTools.transformWithDetails(code, 
    { elementMap: true, 
      es6module: "--es6module", 
      harmony: "--harmony", 
      nonStrictEs6module: "--non-strict-es6module"  });

オプションnonStrictEs6moduleを追加しましたが、今では直接割り当てられた矢印関数を除いてほとんどのことについて警告しません：

enter image description here

なんとかできたらいいですね 私はreact-toolsトランスフォームをbabel stage-1トランスフォーマーに交換し、答えを確認しました here :-)

2
user1641172

Javascriptは言語です。 ES6はJavascriptのバージョンです。 Microsoftは、そのためのインテリセンスマッピングファイルを提供していません。この投稿の提案は、インテリセンスマッピングファイルを提供するJavaScriptフレームワーク/ APIの使用を提案しています。これらの提案は、新しいJavascriptバージョンのインテリセンスエラーの取得を停止する方法に関する質問には答えません。誰かがそのマッピングファイルを作成し、Visual Studio/tools/Javascript/Intellisence/referencesから参照するURLを提供しない限り、ES6 Javascriptを直接記述する構文エラーが発生します。

6
user7085375

新しいES6/ES7構文を使用するには、transpilerを使用する必要があります。 Traceur、Babel、またはTypeScriptの3つのオプションがあります。これらは、新しい構文を、現在のブラウザーがサポートしている現在のES5構文に変換します。 Aureliaは、BabelまたはTypeScriptを適切にサポートしています。

Visual Studio 2015にはTypeScript 1.5が含まれています。したがって、Javascriptファイル（.js）ではなくTypeScriptファイル（.ts）を作成する必要があります。 TypeScriptはこれをES5 .jsファイルに変換します。 .jsファイルは、ブラウザーで実行されるファイルです。

Visual StudioでJavascriptファイルを開くと、ES6/ES7 JavascriptファイルとしてではなくES5 Javascriptファイルとして処理されるため、Babelを使用する場合はエディターで構文エラーが発生します。 。

3
Arjen de Blok

enter image description here

問題はnodeJSプロジェクトテンプレートだと思います。空のWebプロジェクトを作成し、git bashを使用してjspmコマンドを実行しました。 jsファイルを追加すると、まだいくつかの構文の問題が発生しますが、ほとんどの新しい構文が認識されます。

2
Stephen Brickner

私が提案できる最高のものは

WebCompiler 。 ES6、LESS、またはTypeScriptなどを記述する最も簡単で美しい方法です。

Visual Studio内またはMSBuildを介してLESS、Scss、JSX、CoffeeScriptファイルを直接コンパイルする最も簡単で強力な方法。

1
ahmadalibaloch