vscode 增加 psioniq File Header 方法

psioniq File Header 是在文件头添加一些文件信息。比如创建日期，创建人等等。等过几年再看看现在写的代码，会不会有种想锤死自己的冲动。

/*
 * Created: 2018-10-14 15:47:30
 * Author : aliang
 * Email : zhengshl2012@163.com
 * -----
 * Description: Input component base on antd.
 */

import { Form, Input, Col } from 'antd';
const FormItem = Form.Item;

const InputWidget = (props) => {
    const { label, span = 5 } = props;
    const { name, value, change } = props;
    return (
        <Col span={span}>
            <FormItem label={label}>
                <Input placeholder={`请输入${label}`} value={value} name={name} onChange={change} />
            </FormItem>
        </Col>
    )
}

export default InputWidget;

具体方法如下:

mac下按Fn+f1键，然后输入 install extensions

install extensions

输入file header关键字，找到psioniq File Header，然后点击绿色的Install按钮

输入 file header

开始配置

image.png

编辑配置文件

image.png

输入以下内容，重启vscode

{
    "psi-header": {
        "config": {
            "forceToTop": true,
            "blankLinesAfter": 1,
            "author": "aliang",
            "authorEmail": "aliang@pinduoduo.com",
            "company": "pdd",
        },
        "templates": [{
            "language": "*",
            "template": [
                "Created: <<filecreated('YYYY-MM-DD HH:mm:ss')>>",
                "Author : <<author>>",
                "Email : <<authoremail>>",
                "-----",
                "Description: ",
            ],
        }]
    },
}

在mac下按 两次 control + option + h ，即可自动添加！