Vue template configuration and webstorm code format specification settings

1. Compiler code format specification settings

Usually when we write code, the code indentation is 4 spaces, but in the front end, according to global voting statistics, it is recommended to use 2 spaces for code indentation.

First, open the settings in webstorm . If you are using mac , use command + , shortcut to go to Editor-->Code Style-->HTML and change the values ​​of Tab size and Indent to 2. Similarly, change them to 2 in JavaScript .

2. Vue template configuration

When we use html to practice vue , if we don't want to create a vue instance object every time, we can configure a template in html and directly use the vue tag to introduce the code directly.

We open the settings in webstorm , go to Editor-->Live Templates , select vue , and click the +

Select Live Template , then write vue in Abbrevition and the template text content that needs to be configured in Template text .

Finally, on the current page, where there is a !, click Define

Then check HTML and click ok to complete.

To achieve the final effect, we directly enter vue in HTML , and then press tab , and we will immediately see the template code we just configured.

This is the end of this article about vue template configuration and webstorm code format specification settings. For more related vue webstorm content, please search for previous articles on 123WORDPRESS.COM or continue to browse the following related articles. I hope everyone will support 123WORDPRESS.COM in the future!