An example of building a vue template using VSCode

This article shares with you the content of an example of using VSCode to build vue templates. The editor thought it was very practical, so I shared it with you as a reference. Let's follow the editor and have a look.

VSCode quickly build vue template

File-> preferences-> user code snippet

Search vue

Add the following code to vue2.x

{"Print to console": {"prefix": "vue", "body": ["," export default {"," data () {"," return {","} ","}, "components: {},", "computed: {},", "mounted: {},", "methods: {}", "}", "]," description ":" Log output to console "}}

Add the following code to vue3.x

{"Print to console": {"prefix": "vue3", "body": ["", "import {computed, reactive, ref, watch, onMounted,onUpdate,onUnmounted} from 'vue' "," export default {"," setup () {"," / Class mounted "," onMounted () = > {",","}) "," / / equivalent to updated "," onUpdate () = > {",","}) "," / / equivalent to destroyen "," onUnmounted () = > {",", "})", "return {}", "", "" ","], "description": "Log output to console"}

After creating a new .vue file:

Thank you for reading! This is the end of the example of using VSCode to build vue templates. I hope the above content can be helpful to you so that you can learn more knowledge. If you think the article is good, you can share it and let more people see it.