psioniq File Header 是在文件头添加一些文件信息。比如创建日期，创建人等等。等过几年再看看现在写的代码，会不会有种想锤死自己的冲动。
/*
* Created: 2018-10-14 15:47:30
* Author : Leon
* 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": "Leon",
"authorEmail": "zhengshl2012@163.com",
"company": "xbl",
},
"templates": [{
"language": "*",
"template": [
"Created: <<filecreated('YYYY-MM-DD HH:mm:ss')>>",
"Author : <<author>>",
"Email : <<authoremail>>",
"-----",
"Description: ",
],
}]
},
}
在mac下按 两次 control + option + h ，即可自动添加！
添加GitLens
第一步：搜索插件
image.png
第二步：安装
image.png
第三步：查看生效
image.png
image.png
todo 待更新 自动根据eslint格式化代码
安装eslint插件
image.png
使其生效
image.png
