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

This article will explain in detail how to quickly build vue templates in vscode. The editor thinks it is very practical, so I share it for you as a reference. I hope you can get something after reading this article.

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

This is the end of this article on "how to quickly build a vue template in vscode". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it out for more people to see.

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.