使用vscode建立vue模板

我们希望每次新建.vue文件后，VSCODE能够根据配置，自动生成我们想要的代码片段

• 参考文章 https://blog.csdn.net/silencejude/article/details/81748714

  使用vscode建立vue模板

• 1 打开VSCODE编辑器 依次选择“文件 -> 首选项 -> 用户代码片段”，此时，会弹出一个搜索框，我们输入vue会出现一个vue.json

  {
    "Print to console": {
      "prefix": "vue",
      "body": [
        "<!-- $0 -->",
        "<template>",
        "  <div></div>",
        "</template>",
        "",
        "<script>",
        "export default {",
        "  data () {",
        "    return {",
        "    };",
        "  },",
        "",
        "  components: {},",
        "",
        "  computed: {},",
        "",
        "  mounted: {},",
        "",
        "  methods: {}",
        "}",
        "",
        "</script>",
        "<style lang='scss' scoped>",
        "</style>"
    ],
      "description": "Log output to console"
    }
  }

• 2 保存后关闭这个文件，在创建的.vue文件中输入vue然后按回车键即可

赏

谢谢你请我吃糖果

支付宝

微信