Visual Studio Code Settings

vscode-configs.md

Visual Studio Code Configs

• Key Bindings
• JavaScript Snippets

vscode-keybindings.json

[
  {
    "key": "cmd+right",
    "command": "workbench.action.terminal.focusNext",
    "when": "terminalFocus"
  },
  {
    "key": "cmd+left",
    "command": "workbench.action.terminal.focusPrevious",
    "when": "terminalFocus"
  },
  {
    "key": "cmd+alt+v",
    "command": "toggleVim",
    "when": "editorFocus"
  }
]

vscode-snippets-javascript.json

{
  "export { default }": {
    "prefix": "exdef",
    "body": ["export { default } from './${TM_DIRECTORY/^.+\\/(.*)$/$1/}'"],
    "description": "Create a new export { default } for the current folder"
  },
  "React Stateless Next": {
    "prefix": "rscn",
    "body": "import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\n\nconst ${1:${TM_FILENAME_BASE}} = ({ ${2} }) => {\n\treturn (\n\t\t<Fragment>\n\t\t\t<div className='${3}'>\n\t\t\t\n\t\t\t</div>\n\t\t\t<style jsx>{`\n\t\t\t\t.${3} {\n\t\t\t\t\t${4}\n\t\t\t\t}\n\t\t\t`}</style>\n\t\t</Fragment>\n\t);\n};\n\n${1:${TM_FILENAME_BASE}}.propTypes = {\n\t${5}\n};\n\nexport default ${1:${TM_FILENAME_BASE}};",
    "description": "Creates a stateless React component with PropTypes and ES6 module system for Next.js"
  },
  "React Stateless Next with Children": {
    "prefix": "rscnc",
    "body": "import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\n\nconst ${1:${TM_FILENAME_BASE}} = ({ children }) => {\n\treturn (\n\t\t<Fragment>\n\t\t\t<div className='${2}'>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t\t<style jsx>{`\n\t\t\t\t.${2} {\n\t\t\t\t\t${3}\n\t\t\t\t}\n\t\t\t`}</style>\n\t\t</Fragment>\n\t);\n};\n\n${1:${TM_FILENAME_BASE}}.propTypes = {\n\tchildren: PropTypes.node.isRequired\n};\n\nexport default ${1:${TM_FILENAME_BASE}};",
    "description": "Creates a stateless React component with PropTypes and ES6 module system for Next.js with children"
  }
}