Webstorm および .vue での es6 構文エラーに対処する方法

今回は、Webstorm と .vue で es6 の構文エラーに対処する方法と、Webstorm と .vue で es6 の構文エラーに対処する際の 注意事項 について説明します。実際のケースを見てみましょう。

1. ウェブストームの es6 構文エラー、解決策:

設定を開く =>

Languages & Frameworks => es6 はすべての .js ファイルでエラーを報告しなくなりましたが、.vue では es6 構文エラーが報告されます。ファイルは引き続きレポートします。

2. .vue ファイルの es6 構文エラー

(1) 設定 =>

ファイル タイプを開き、HTML を見つけて *.vue を追加します

このように、vue ファイルは HTML と同等になります。 CSS と JS を編集するためのスマート プロンプトもあります。ただし、es6 構文では .vue ファイルでエラーが報告されます。 (2). type="text/ecmascript-6" を <script> タグに直接追加すると、.vue 内のコードが強調表示され、ES6 がサポートされます。 </script>

type=”es6”Attribute

<script>
</script>

(3). scriptタグ

を追加し、Settings => Language Injectionsを開いてXML Tag Injectionを追加すると、内容は以下のようになります。

3. 新しい機能を追加します

: 新しい HTML ファイルを作成するのと同じように、.vue ファイル タイプが表示されます。 方法:

およびコード テンプレート 右上隅のプラス記号をクリックして追加します。vue ファイルの名前は vue ファイル、拡張子は vue です。次の場所にカスタマイズされた初期化テンプレートの内容を入力できます。

[OK] をクリックしてプロジェクトに戻ると、新しい vue ファイルがウェブストーム設定に表示されます。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨書籍:

vue.js を使用してレシピを編集する方法

React サーバーサイド レンダリングの使用方法

以上がWebstorm および .vue での es6 構文エラーに対処する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。