zoukankan      html  css  js  c++  java
  • 一键生成vue模板

    方法:

    打开VSCODE编辑器,依次选择“文件 -> 首选项 -> 用户代码片段”,此时,会弹出一个搜索框,我们输入vue, 如下:

    选择vue后,VSCODE会自动打开一个名字为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"
      }
    }

    保存后关闭这个文件。

    稍稍解释一下:

    $0 表示你希望生成代码后光标的位置 ; prefix 表示生成对应预设代码的命令

    例如:我们新建一个名为demo.vue的文件,输入vue按下enter,就会自动生成内容啦(此处应该有截图):

    <!--  -->
    <template>
      <div></div>
    </template>
    
    <script>
    export default {
      data () {
        return {
        };
      },
    
      components: {},
    
      computed: {},
    
      created() {},
    
      mounted() {},
    
      methods: {}
    }
    </script>
    
    <style lang='scss' scoped>
    
    </style>

    后记

    当然,你也可以为.js.html等各种文件预设代码片段。这样,就可以把省下来的时间,投入到夺取新时代中国特色社会主义伟大胜利的事业中去啦!

     
     
    刷新
  • 相关阅读:
    完了!生产事故!几百万消息在消息队列里积压了几个小时!
    crontab详解
    系统架构中为什么要引入消息中间件
    Linux常用命令
    什么是JWT(JSON WEB TOKEN)
    API接口安全性设计
    MySQLDump在使用之前一定要想到的事情
    api接口安全以及https
    shell study
    linux中注册系统服务—service命令的原理通俗
  • 原文地址:https://www.cnblogs.com/yhl-0822/p/8890789.html
Copyright © 2011-2022 走看看