Detailed explanation of Webstorm new. vue file support highlighting vue syntax and es6 syntax, webstorm. vue

Detailed explanation of Webstorm new. vue file support highlighting vue syntax and es6 syntax, webstorm. vue

Webstorm adds the new. vue file function and supports highlighting vue syntax and es6 syntax. The details are as follows:

Add a new. vue File

① Search for vue in File-Plugins in the upper-right corner of Webstorm. If no vue exists, download serch in repositories.

② Click to install vue. js

③ After the installation is successful, click Apply in the lower right corner to prompt you to restart webstorm. After the restart is complete, Setting-Editor-File and Code Templates click the plus sign in the upper right corner to add the vue File Name as vue File and Extension as vue, you can enter the custom initialization template content in the following locations.

④ Click OK to return. A vue file webstorm is created in the project after the vue file is created.

Highlighted vue syntax and ES6 support

① Highlighted vue syntax Setting-File Types selected html click the plus sign below to add *. vue click Apply to return the syntax displayed in the webstorm recognition. vue File

② ES6 support: Select es6 for JavaScript

Note: Some people say that adding the code in type = "text/ecmascript-6" directly in the <script> label also highlights and supports ES6.

The above is all the content of this article. I hope it will be helpful for your learning and support for helping customers.