felipesdeveloper / myworkflow Goto Github PK

{
  "editor.autoIndent": false,
  "editor.fontSize": 15,
  "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": 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",
  "workbench.iconTheme": "vscode-icons",
  "formate.verticalAlignProperties": false,
  "workbench.sideBar.location": "right",
  "typescript.updateImportsOnFileMove.enabled": "always",
  "editor.formatOnSaveMode": "modifications"
}

{
	"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}';",
			""
		]
	},
}

{
    "npm.enableScriptExplorer": true
}