zl程序教程

您现在的位置是:首页 >  其他

当前栏目

记录自己常用的PHPStorm文件代码模板

2023-03-07 09:44:02 时间

文件代码模板指的是创建一个新的指定类型文件的时候,默认的代码模板。

对于同一类型的文件,我们往往需要写很多相同的内容(例如针对这个文件的说明注释),这时候就可以把自己常用的一些代码模板修改为默认创建的模板;

PHPStorm设置文件代码模板

设置->编辑器->文件和代码模板->点击指定的文件类型即可修改;

代码模板

1.PHP文件模板

<?php
/*
* @author 友人a丶
* @date ${date}
* 说明
*/

2.HTML文件

<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <title>#[[$Title$]]#</title>
</head>
<body>
#[[$END$]]#
</body>
</html>

3.Javascript

/*
* @author 友人a丶
* @date ${date}
* 
* */

export default function () {
    
}

4.Vue

<template>
#[[$END$]]#
</template>

<script setup="${COMPONENT_NAME}">

</script>

<style lang="scss" scoped>

</style>

实时模板

1.Axios请求

/* 显示加载效果 */
load.loading("加载中...");

try {
    /* 开始请求 */
    axios.get(api$END$).then((res) => {
        /*
        * 判断请求结果
        * */
        if (res.data.code) {
            
        } else {
            /* 弹出错误原因 */
            load.error(res.data.errMsg);
        }
    }).catch((e) => {
        /* 弹出错误原因 */
        load.error(e.message);
    }).finally(() => {
        /* 关闭加载效果 */
        load.loaded();
    });
} catch (e) {
    console.log(e)
    load.error(e);
}

2.promise

Promise(resolve => {

})

3.pinia

import {defineStore} from "pinia";

export default defineStore($END$,{
    state(){
        /*初始数据列表*/
        return {
           
        }
    },
    actions:{
        /*
        * actions
        * */
        
    }
})