在VS Code中快速生成Vue模板的技巧

配置vue.json:

json 复制代码
{    
	"Print to console": {
        "prefix": "vue",
        "body": [
            "<template>",
            "  <div class=\"\">\n",
            "  </div>",
            "</template>\n",
            "<script>",
            "export default {",
            "  name: '',",
            "  props: {},",
            "  data () {",
            "    return {}",
            "  },",
            "  components: {",
			"    ",	
			"  },",
            "  computed: {",
			"    ",	
			"  },",
            "  mounted: {",
			"    ",	
			"  },",
            "  watch: {",
      "    ",
      "  },",
            "  methods: {",
			"    ",	
			"  },",
            "  created () {",
      "    ",
      "  },",
            "  mounted () {",
      "    ",
      "  },",
            "}",
            "</script>\n",
            "<style scoped>",
			"  ",
            "</style>",
            "$2"
        ],
        "description": "Log output to console"
    }
}

新建vue,选择vue,即可配置:

相关推荐
DevRen18 分钟前
实现Google原生PIN码锁屏密码效果
android·前端·kotlin
ZSQA18 分钟前
mac安装Homebrew解决网络问题
前端
烽学长26 分钟前
(附源码)基于Vue的教师档案管理系统的设计与实现
前端·javascript·vue.js
前端一课29 分钟前
前端监控 SDK,支持页面访问、性能监控、错误追踪、用户行为和网络请求监控
前端
lee57631 分钟前
UniApp + SignalR + Asp.net Core 做一个聊天IM,含emoji 表情包
前端·vue.js·typescript·c#
✎﹏赤子·墨筱晗♪32 分钟前
Shell函数进阶:返回值妙用与模块化开发实践
前端·chrome
再学一点就睡37 分钟前
从 npm 到 pnpm:包管理器的进化与 pnpm 核心原理解析
前端·npm
Light6039 分钟前
领码方案:低代码平台前端缓存与 IndexedDB 智能组件深度实战
前端·低代码·缓存·indexeddb·离线优先·ai优化
本当迷ya41 分钟前
openapi2ts 统一后端返回值
前端·vue.js·前端框架
夕水1 小时前
10个互动关卡带你轻松掌握js的位运算
前端·javascript