1. 装置vsCode

  1. 下载地址 :https://code.visualstudio.com/

装置实现后 启动 vsCode , 此处省略 一万字 ....

2. 唤出vsCode控制台

Windows 快捷键 : Ctrl + Shift + P

macOS 快捷键 : command + Shift + P

3.输出“snippets”并抉择

4. 如下有许多代码片段 进行自定义编写

5. 咱们以 vue 文件 进行演示 ( 输出vue ) 抉择 vue.json

6. vsCode 主动 生成 vue.json 文件 如下

7. 将 vue.json 文件 改为如下配置( 可依据集体需要进行批改模板内容 )

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

8. 在我的项目中 新建一个vue 文件 输出 “ vue ” 按下回车键或者Tab键,模板就主动生成了