码迷,mamicode.com
首页 > 其他好文 > 详细

小技巧

时间:2020-04-08 12:28:18      阅读:90      评论:0      收藏:0      [点我收藏+]

标签:print   输入   console   选择   imp   ops   ted   col   文件中   

## 小技巧

 

### vscode 自动生成.vue 文件三组标签结构的用法

 

1. 选择 `文件 -> 首选项 -> 用户代码片段`,在弹出的搜索框中输入 vue,选择 vue 后,编辑会自动打开一个名为 vue.json 的文件

 

2. 输入一下内容到这个文件中,保存关闭文件:

 

```json
{
  "Print to console": {
    "prefix": "vue",
    "body": [
     "<template>",
      "  <div></div>",
      "</template>",
      "",
      "<script>",
      "import CSSModules from ‘vue-css-modules‘",
      "export default {",
      "  name: $0,",
      "  mixins: [CSSModules()],",
      "  components: {",
      "  },",
      "  props: {",
      "  },",
      "  data () {",
      "    return {",
      "    }",
      "  },",
      "  mounted () {",
        "  },",
      "  methods: {",
        "  }",
      "}",
      "",
      "</script>",
      "",
      "<style module lang=‘scss‘>",
      "</style>"
    ],
    "description": "回车自动生成代码模板"
  }
}
```

 

 

3. 新建.vue文件,输入vue,按回车,页面结构自动生成

小技巧

标签:print   输入   console   选择   imp   ops   ted   col   文件中   

原文地址:https://www.cnblogs.com/xiaolucky/p/12658593.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!