How to deal with es6 syntax errors in webstorm and .vue

This time I will show you how to deal with es6 syntax errors in webstorm and .vue. What are the precautions for dealing with es6 syntax errors in webstorm and .vue? The following is a practical case. Let’s take a look. .

1. es6 syntax error in webstorm, solution:

Open Settings =>

Languages ​​& Frameworks => Javascript

Change the Javascript Language version to ECMAScript 6

In this way, es6 will no longer report errors in all .js files, but es6 syntax in .vue files Still getting error.

2. es6 syntax error in .vue file

(1) Open Settings =>

File Types found Add *.vue

to HTML so that the vue file is equivalent to an html file. You can edit css and js, and there are also smart prompts. However, the es6 syntax still reports an error in the .vue file.

(2) Rough: Add type="text/ecmascript-6" directly to the <script> tag, and the code in .vue will be highlighted and support ES6. <p style="text-align: left;">type=”es6”<p style="text-align: left;">Attribute<a href="http://www.php.cn/wiki/169.html" target="_blank"><pre class="brush:php;toolbar:false"><script type="es6"> </script>(3). Add the script tag

and then open Settings => Language Injections to add XML Tag Injection, the content is as shown below.

3. Add new features: The .vue file type appears when you right-click to create a new one, just like creating a new html file, the method ：

Setting-Editor-File and Code Templates Click the plus sign in the upper right corner to add the vue file. The name is vue File, and the Extension is vue. You can fill in the customized initialization template content in the following position.

Click OK to return. When you create a new vue file in the project, the webstorm configuration and new vue file are completed.

# I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!

Recommended reading:

How to use vue.js to edit the recipe function

How to use React server-side rendering

The above is the detailed content of How to deal with es6 syntax errors in webstorm and .vue. For more information, please follow other related articles on the PHP Chinese website!