vscode中创建新建文件模板

方法一:

1.执行命令command + shift +P进入首选项

2.输入>user snippets,选则这个文件确定后

3.再选则vue.json文件.在文件中写入需要配置的格式,如下(可按公司的格式要求来配置,我这边的vue中的方法顺序是按公司要求来的)

// vue 模板

  "Print to console": {

    "prefix": "vue",

    "body": [

      "<template>",

      "  <div class=\"main\">\n",

      "  </div>",

      "</template>\n",

      "<script>",

      "export default {",

      "  name: '',",

      "  components: {\n",

      "  },",

      "  data() {",

      "    return {\n",

      "    }",

      "  },",

      "  validations: { },",

      "  watch: { },",

      "  computed: { },",

      "  filters: { },",

      "  methods: {\n",

      "  },",

      "  created() {\n",

      "  },",

      "  mounted() {\n",

      "  },",

      "}\n",

      "</script>\n",

      "<style scoped lang=\"less\">\n",

      ".main {\n",

      "}",

      "</style>",

      "$2"

    ],

    "description": "Log output to console"

  }

}

方法二:

1.选择  文件 > 首选项 > 用户代码片段,如下

2. 选则vue.json文件

3.在文件中写入需要配置的格式,方法如方法一中的第3步骤添加。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,350评论 0 3
  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 2,258评论 0 6
  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 2,121评论 0 2
  • 响应式布局的理解 响应式开发目的是一套代码可以在多种终端运行,适应不同屏幕的大小,其原理是运用媒体查询,在不同屏幕...
    懒猫_6500阅读 806评论 0 0
  • 其实这个功能是我在开始学python就一直想做的 学了很久然后才会这破东西 看的教程有些还没提到 自己又去百度现学...
    就是很皮阅读 925评论 0 0