vscode 增加 psioniq File Header& GitLens

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

/*
 * Created: 2018-10-14 15:47:30
 * Author : Leon
 * Email : [email protected]
 * -----
 * 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 (
        
            
                
            
        
    )
}

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": "Leon",
            "authorEmail": "[email protected]",
            "company": "xbl",
        },
        "templates": [{
            "language": "*",
            "template": [
                "Created: <>",
                "Author : <>",
                "Email : <>",
                "-----",
                "Description: ",
            ],
        }]
    },
}

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

添加GitLens

第一步：搜索插件

image.png

第二步：安装

image.png

第三步：查看生效

image.png

image.png

todo 待更新 自动根据eslint格式化代码

安装eslint插件

image.png

使其生效

image.png