Shulou(Shulou.com)05/31 Report--

This article mainly explains "what are the common settings of VsCode". The content of the explanation is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn what are the common settings of VsCode.

First of all: we need to find the entrance to this template setting

In File-> preferences-> user Code snippet

When selected, the following input box will appear. If you want to set the template for the .vue file, you can create a new vue.json global code snippet file, enter vue.json and enter.

OK, then you can delete the unnecessary comments by typing the following in the json file

All right, explain.

The prefix here is what you type in the editor, just like the English exclamation mark you entered when you created the html file.

Body is the content that appears after you enter.

Note that the body here is an array, and each line contains every item in the array, and needs to be enclosed in quotation marks.

Did you knock along?

Next, after saving it, you can go back to our .vue file and try it.

Of course, if you don't think that's enough, we can still enter it in that json file.

Then you can type "js" and the code in body below will appear.

Great, we already know how to create a small clip.

So why don't we just create a complete vue file template in one step?

Then the kind-hearted me will post the code and use it directly!

{

"vue-template": {

"prefix": "vue"

"body": [

"

"

"

"

"

"export default {"

"data () {"

"return {};"

"}"

"

"components: {},"

"

"computed: {},"

"

"mounted () {},"

"

"methods: {},"

"}"

"

"

"

"

"

]

}

}

Finally, type "vue" and the code template will appear directly.

This function can not only set templates, we can also take laziness to the extreme--

For example, when you write tags, some of the code hints for new semantic tags are not complete. Push to

For example, if you can't remember, you can go to html's template and set it to "fi". Continue to push to

For example, our commonly used method, console.log (), should be changed to `log`, hey. Push it all to

Thank you for your reading, the above is the content of "what are the common settings of VsCode?" after the study of this article, I believe you have a deeper understanding of what the common settings of VsCode have, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

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.