myworkflow
VS Code
Extensions
Settings
{
"editor.autoIndent": false,
"editor.fontSize": 16,
"editor.formatOnPaste": false,
"editor.tabCompletion": "on",
"editor.tabSize": 2,
"editor.renderWhitespace": "all",
"editor.wordWrap": "on",
"editor.rulers": [80, 120],
"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"eslint.validate": [
{
"language": "html",
"autoFix": true
},
{
"language": "javascript",
"autoFix": true
},
{
"language": "javascriptreact",
"autoFix": true
},
{
"language": "typescript",
"autoFix": true
},
{
"language": "typescriptreact",
"autoFix": true
},
{
"language": "vue",
"autoFix": true
}
],
"explorer.autoReveal": false,
"files.insertFinalNewline": true,
"files.trimTrailingWhitespace": true,
"javascript.updateImportsOnFileMove.enabled": "always",
"search.exclude": {
"/node_modules": true,
"/bower_components": true,
"**/dist": true
},
"workbench.colorTheme": "One Dark Pro Darker",
"formate.verticalAlignProperties": false,
"workbench.sideBar.location": "right",
"typescript.updateImportsOnFileMove.enabled": "always",
"editor.formatOnSaveMode": "modifications",
"bracket-pair-colorizer-2.depreciation-notice": false,
"workbench.iconTheme": "vscode-icons"
}Snippets
{
"functional component": {
"prefix": "rfc",
"body": [
"import React from 'react';",
"",
"interface Props {",
" example: string;",
"}",
"",
"const ${1:Name}: React.FC<Props> = (props: Props) => <>{props.example}</>;",
"",
"export default ${1};",
""
]
},
"container component": {
"prefix": "rcc",
"body": [
"import React from 'react';",
"import { connect } from 'react-redux';",
"import { ${1:AppStateInterface} } from '../../store';",
"",
"interface StateProps {",
" example: string;",
"}",
"",
"const ${2:Name}: React.FC<StateProps> = (props: StateProps) => <>{props.example}</>;",
"",
"const mapStateToProps = (state: ${1}): StateProps => ({",
" example: state.example,",
"});",
"",
"export default connect(mapStateToProps)(${2});",
""
]
},
"styled components": {
"prefix": "stld",
"body": [
"import styled from 'styled-components';",
"",
"export const ${1:Name} = styled.${2:tagName}`",
"${3}",
"`;",
""
]
},
"import export component": {
"prefix": "iexpt",
"body": ["export { ${2:default} } from './${1:ComponentName}';", ""]
},
"import": {
"prefix": "impt",
"body": ["import {${2}} from './${1}';", ""]
}
}Terminal
Oh my zsh
Theme for zsh
Extensões