This is the second day of my participation in the More text Challenge. For more details, see more text Challenge

In front end development, especially for inexperienced, junior developers, there are a number of skills that need to be mastered to speed up development, such as using various plug-ins to speed up development, so that you can get more done with less effort. The VS Code editor has to retype the template, script, and style files every time it creates a Vue file.

This blog to share a commonly used technique development, senior developer above know skills, but for developers don’t know is a very important skill, not the suspense, the share of a VS Code editor for the front-end development, new blank Vue files, in it to create a custom template method, This saves development efficiency and eliminates unnecessary copy-and-paste operations.

Especially in the Vue development process, constantly new. Vue files are indispensable operations, but each time they are created. A Vue file is an empty file with no Code in it. You can’t write the structure of the file every time you create an empty file. The Vue file allows you to create and generate a set of templates in one step. Select the template type as required.

The specific operations are as follows:

First open the new blank for the project. Vue files;

Then the mouse point into the file, input :vue, and then select the template type, directly enter, you can automatically generate the page structure template.

The above operation requires only one step, and can be perfectly empty. Create a custom template for the Vue file.

The example template is as follows:

        <template>
  
	</template>

	<script>
	export default {

	}
	</script>

	<style>

	</style>
Copy the code

That is all the content of this chapter. Welcome to pay attention to the wechat public number “Program ape by Three managers” and the Sina Weibo of three managers “Three managers 666”. Welcome to pay attention!