美文网首页前端开发工具
在VSCode中,创建一个.vue文件的模板

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

作者: 与诗小睡 | 来源:发表于2020-08-14 16:07 被阅读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"
}
}

相关文章

网友评论

    本文标题:在VSCode中,创建一个.vue文件的模板

    本文链接:https://www.haomeiwen.com/subject/fuogdktx.html