In the front-end development process, especially for inexperienced junior developers, it is necessary to master the speed of development skills, such as the use of various plug-ins to speed up development, so as to get twice the result with half the effort.
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 saves unnecessary copy-and-paste operations. Especially in the Vue development process, constantly new. The Vue file is an indispensable operation, but is created every time. Vue files are empty files without any Code. Developers can’t write file structures in new empty files every time. This can be done using the VS Code editor plug-in, which can be used in new files. Vue files can be created in one step to generate a set of templates, according to the needs of the template type.
The specific operation is as follows:
First, open the project’s new void. Vue files;
Then mouse into the file, enter :vue, and then select template type, directly press Enter, you can automatically generate the page structure template.
The above operation takes only one step to achieve a perfect null. Create custom templates for Vue files.
The example template looks like this:
<template>
</template>
<script>
export default {
}
</script>
<style>
</style>
The above is all the content of this chapter. Welcome to pay attention to the wechat public account of Sanzhan “iOS development by Sanzhan”, and the Sina Weibo account of Sanzhan “Sanzhan 666”, welcome to pay attention to it!