1. 程式人生 > >vscode添加vue文件模板

vscode添加vue文件模板

lan 文件 body log tps text spa rip ack

文件-》首選項-》用戶代碼片段-》輸入vue,打開vue.json

添加模板json

  "Print to console": {
    "prefix": "vuec",
    "body": [
      "<template>",
      "  <div>",
      "    $0",
      "  </div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "  name: ‘‘,",
      
"", " data () {", " return {", " }", " },", "", " methods: {}", "}", "", "</script>", "<style lang=‘scss‘ scoped>", "</style>", "" ], "description": "Log output to console" }

保存,然後新建.vue文件,輸入vuec+tab即生成模板

快捷輸入console.log插件:JavaScript Snippet Pack

安裝完,輸入cl即快捷生成console.log()

vscode添加vue文件模板