Shulou(Shulou.com)06/02 Report--

This article mainly explains "vue template configuration and webstorm code format specification setting method tutorial", interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Next let the editor to take you to learn the "vue template configuration and webstorm code format specification setting method tutorial"!

Catalogue

1. Compiler code format specification setting

2. Vue template configuration

1. Compiler code format specification setting

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

First of all, let's open the settings in webstorm. If you are using mac, directly use command +, go to Editor-- > Code Style-- > HTML, and change the value of Tab size and Indent to 2, which is also changed 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, then we can configure a template in html and then 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 + in the upper right corner.

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

Finally, on the current page, there is one! Click Define

Then check HTML and click ok to finish.

To achieve the final effect, we type vue directly into HTML, then press tab, and we will immediately appear the template code that has just been configured

At this point, I believe that everyone on the "vue template configuration and webstorm code format specification setting method tutorial" have a deeper understanding, might as well to practical operation it! Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.