前端开发工具

在VSCode中,创建一个.vue文件的模板

2020-08-14  本文已影响0人  与诗小睡

使用Ctrl + Shift + P召唤出控制台,然后输入snippets(跟着自动提示走就行了)并选择。
接下来输入vue并选择,VSCode会自动生成一个vue.json的文件。这里就是我们要输入模板的地方了。
输入模板,具体格式如下(这是我用的格式,当然也可根据自己的喜好进行修改)
其中$0代表模板生成后,光标停留的位置

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

猜你喜欢

热点阅读