🌟“场快订” 场馆预定平台是我个人匠心打造的全栈免费开源项目，使用 Spring Cloud + Uniapp 开发，包含高并发设计（缓存击穿、缓存穿透处理）、大数据量查询优化、分库分表、IP 流量管控、分布式事务、分布式 ID、幂等处理、WebSocket 双向通信、消息队列异步执行、延时队列等内容，此外还包括域名购买与解析、项目打包上线、HTTP升级HTTPS等手把手教程，项目代码简洁，部分代码使用设计模式重构，非常适用于学习后端技术、毕业设计、相关计算机竞赛，感兴趣的朋友可以从以下链接进行学习：

📦 源码仓库：https://gitee.com/HelloDam/venue-reservation
📚 技术专栏：https://blog.csdn.net/laodanqiu/category_12877044.html
📱 在线体验：https://hellodam.website（建议手机访问）

配置过程

引言

为了便于开发，提高生产效率，我们通常会复制粘贴一些共同代码，在WebStorm中，可以将这些共同代码制作成模板，在使用的时候，只需要输入关键字+点击按键即可将模板的代码粘贴到代码文件中，简直是爽歪歪。

步骤（以WebStorm2023版本展示）

以下是配置的过程，请不要眨眼睛：

打开设置

首先找到设置，一般长成齿轮的模样，每个版本的WebStorm的设置位置可能会有些许不同，用你的火眼金睛找到即可。

打开设置

进行配置

进入设置之后，界面如下图所示，首先依次点击step1、step2、step3所示按钮。后面的操作不分先后顺序，需要设置关键词、复制粘贴共同代码、设置输入关键词之后的键位、勾选、设置关键词生效的文件


最后点击窗口右下角的ok，配置到此结束

使用

首先在需要使用模板代码的文件里面输入关键词，我这里的关键词是vue，如下图所示

接着，按下键盘的按键tab，代码就全部出来了，是不是非常舒服

Vue模板

下面是我的vue通用代码模板，直接复制粘贴进去即可，如果你觉得不行，改成你的就行

<template>
    <div>

    </div>
</template>

<script>

export default {
    components: {},
    data() {
        return {};
    },
    computed: {},
    watch: {},
    methods: {},
    beforeCreate() {
    },

    created() {

    },

    beforeMount() {

    },

    mounted() {

    },

    beforeUpdate() {

    },

    updated() {

    },

    beforeDestroy() {

    },
    destroyed() {

    },

    activated() {

    },
}


</script>

<style scoped>

</style>