VSCODE SETTING
- akamud.vscode-theme-onelight
- bceskavich.theme-dracula-at-night
- be5invis.vscode-icontheme-nomo-dark
- bierner.emojisense
- DavidAnson.vscode-markdownlint
- davidbabel.vscode-simpler-icons
- dbaeumer.jshint
- dbaeumer.vscode-eslint
- dracula-theme.theme-dracula
- ecmel.vscode-html-css
- eg2.tslint
- Equinusocio.vsc-material-theme
- esbenp.prettier-vscode
- gerane.Theme-azure
- gerane.Theme-Dracula
- HookyQR.beautify
- jamesmaj.easy-icons
- johnpapa.winteriscoming
- jsjlewis96.one-dark-pro-italic-vivid
- kumar-harsh.graphql-for-vscode
- leveluptutorials.theme-levelup
- liviuschera.noctis
- mgmcdermott.vscode-language-babel
- ms-mssql.mssql
- ms-python.python
- ms-vscode.cpptools
- ms-vscode.Go
- ms-vscode.Theme-MarkdownKit
- ms-vscode.vscode-typescript-tslint-plugin
- Perkovec.emoji
- PeterJausovec.vscode-docker
- PKief.material-icon-theme
- robinbentley.sass-indented
- sdras.night-owl
- shidhincr.theme-dracula-italics
- silvenon.mdx
- SintrumIT.theme-oceanic-next-italic
- xabikos.JavaScriptSnippets
- xabikos.ReactSnippets
- xyc.vscode-mdx-preview
{
"window.titleBarStyle": "custom",
"workbench.iconTheme": "material-icon-theme",
"workbench.colorTheme": "Material Theme Palenight",
"workbench.colorCustomizations": {
"[Material Theme Palenight]": {}
},
"editor.fontFamily": "'Fira Code Retina', 'Liberation Mono', 'Source Code Pro', 'Droid Sans Mono', 'monospace', monospace, 'Droid Sans Fallback'",
"editor.fontSize": 16,
"editor.formatOnSave": true,
"explorer.autoReveal": false,
"window.zoomLevel": 0,
"breadcrumbs.enabled": true,
"eslint.enable": true,
"editor.fontLigatures": true,
"editor.tokenColorCustomizations": {
"textMateRules": [{
"scope": [
"keyword.control",
"entity.other.attribute-name"
],
"settings": {
"fontStyle": ""
}
}]
},
"prettier.eslintIntegration": false,
"prettier.bracketSpacing": false,
"prettier.printWidth": 80,
"prettier.tabWidth": 2,
"prettier.singleQuote": true,
"prettier.trailingComma": "all",
"prettier.jsxBracketSameLine": false,
"prettier.semi": false,
"prettier.useTabs": false,
"prettier.proseWrap": "always",
"prettier.requireConfig": true,
}// Place your key bindings in this file to override the defaultsauto[]
[
{
"key": "ctrl+shift+`",
"command": "workbench.action.reopenClosedEditor"
},
{
"key": "ctrl+shift+t",
"command": "-workbench.action.reopenClosedEditor"
},
{
"key": "ctrl+`",
"command": "workbench.action.terminal.new"
},
{
"key": "ctrl+shift+`",
"command": "-workbench.action.terminal.new"
},
{
"key": "alt+h",
"command": "workbench.action.maximizeEditor"
},
{
"key": "ctrl+shift+t",
"command": "workbench.action.terminal.toggleTerminal"
},
{
"key": "ctrl+`",
"command": "-workbench.action.terminal.toggleTerminal"
}
]{
"console.log": {
"prefix": "cl",
"body": "console.log(${1:'here'})$0"
},
"console.log('var', var)": {
"prefix": "vl",
"body": "console.log('$1', $1)$0"
},
"console.log({var})": {
"prefix": "ol",
"body": "console.log({$1})$0"
},
"import x from '": {
"prefix": "imp",
"body": "import ${2:*} from '$1'$3"
},
"eslint rule": {
"prefix": "esl",
"body": "/* eslint $1:0 */"
},
"eslint disable next line": {
"prefix": "eslnl",
"body": "// eslint-disable-next-line $1"
},
"eslint disable line": {
"prefix": "esll",
"body": "// eslint-disable-line $1"
},
"constructor": {
"prefix": "ctor",
"body": [
"constructor(...args) {",
" super(...args)",
" $0",
"}"
]
},
"try/catch": {
"prefix": "try",
"body": [
"try {",
" $1",
"} catch (error) {",
" $0",
"}"
]
},
"async function": {
"prefix": "afun",
"body": [
"async function $1($2) {",
" $0",
"}"
]
},
"throw log": {
"prefix": "tl",
"body": "throw new Error(JSON.stringify({$0}, null, 2))"
},
"spaced console.log": {
"prefix": "scl",
"body": [
"console.log('**************************************************************************\\\\n\\\\n\\\\n')",
"console.log($0)",
"console.log('\\\\n\\\\n\\\\n**************************************************************************')"
]
},
"React Component": {
"prefix": "rc",
"body": [
"class $1 extends React.Component {",
" render() {",
" $0",
" }",
"}"
]
},
"React: componentWillMount": {
"prefix": "cwm",
"body": [
"componentWillMount() {",
" $0",
"}"
]
},
"React: componentDidMount": {
"prefix": "cdm",
"body": [
"componentDidMount() {",
" $0",
"}"
]
},
"React: componentWillReceiveProps": {
"prefix": "cwrp",
"body": [
"componentWillReceiveProps(nextProps) {",
" $0",
"}"
]
},
"React: componentWillUpdate": {
"prefix": "cwu",
"body": [
"componentWillUpdate(nextProps, nextState) {",
" $0",
"}"
]
},
"React: componentDidUpdate": {
"prefix": "cdu",
"body": [
"componentDidUpdate(prevProps, prevState) {",
" $0",
"}"
]
},
"React: componentWillUnmount": {
"prefix": "cwu",
"body": [
"componentWillUnmount() {",
" $0",
"}"
]
},
"Jest test": {
"prefix": "test",
"body": [
"test('$1', () => {",
" $0",
"})"
]
},
"Jest async test": {
"prefix": "atest",
"body": [
"test('$1', async () => {",
" $0",
"})"
]
},
"Mocha it block": {
"prefix": "it",
"body": [
"it('should $1', () => {",
" $2",
"})"
]
},
"Mocha describe block": {
"prefix": "desc",
"body": [
"describe('$1', () => {",
" $2",
"})"
]
},
"split-guide final": {
"prefix": "sgf",
"body": [
"// FINAL_START",
"$1",
"// FINAL_END"
]
},
"split-guide workshop": {
"prefix": "sgw",
"body": [
"// WORKSHOP_START",
"$1",
"// WORKSHOP_END"
]
},
"split-guide comment": {
"prefix": "sgc",
"body": [
"// COMMENT_START",
"$1",
"// COMMENT_END"
]
}
}