1. Install vsCode

Download: code.visualstudio.com/

After the installation is complete, start vsCode (…. omitted)

2. Call out the vsCode console

Windows shortcut keys: Ctrl + Shift + P

MacOS shortcut: Command + Shift + P

3. Type Snippets and select

4. There are many code snippets for custom writing below

5. Let’s demonstrate with vue file (enter vue) select vue.json

6. VsCode automatically generates vue.json files as follows

7. Change the vue.json file to the following configuration (the template content can be modified according to personal requirements)

{
	"Print to console": {
		"prefix": "vue"."body": [
				"<template>"." 
      
"."</template>".""."<script>"."export default {"." components: {},"." props: {},"." data() {"." return {"."};."},"." watch: {},"." computed: {},"." methods: {},"." created() {},"." mounted() {}"."};."</script>"."<style lang=\"scss\" scoped>"."</style>"]."description": "A vue file template"}}Copy the code

8. Create a new vUE file in the project. Type “vue” and press Enter or Tab

PS: You can leave a message three times if you think it is helpful to you, welcome to put forward valuable comments, also welcome you interested in the relevant technology developers (invited by the team developer wechat x118422) to join the group, online answer the discussion of data visualization, optimization chart performance and other technical questions ~