Created
October 4, 2017 18:26
-
-
Save euan-gwd/0f450cf2aec6ffcde1593067a1e741e6 to your computer and use it in GitHub Desktop.
Visual Studio Code Settings Sync Gist
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {"lastUpload":"2017-10-04T18:26:07.582Z","extensionVersion":"v2.8.3"} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| [ | |
| { | |
| "metadata": { | |
| "id": "d3836729-9cc1-42c1-b2af-d50071f57d29", | |
| "publisherId": "38bbe3f0-5204-4170-845e-c2f966d979b8", | |
| "publisherDisplayName": "Jun Han" | |
| }, | |
| "name": "auto-close-tag", | |
| "publisher": "formulahendry", | |
| "version": "0.5.1" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "6e440e71-8ed9-4f25-bb78-4b13096b8a03", | |
| "publisherId": "38bbe3f0-5204-4170-845e-c2f966d979b8", | |
| "publisherDisplayName": "Jun Han" | |
| }, | |
| "name": "auto-rename-tag", | |
| "publisher": "formulahendry", | |
| "version": "0.0.14" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "f583eafd-aa0d-4ccb-8f44-d1e610389660", | |
| "publisherId": "d0a031ad-49a6-4982-aba0-6391e97e948b", | |
| "publisherDisplayName": "CoenraadS" | |
| }, | |
| "name": "bracket-pair-colorizer", | |
| "publisher": "CoenraadS", | |
| "version": "0.10.9" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "e337c67b-55c2-4fef-8949-eb260e7fb7fd", | |
| "publisherId": "ac3a3342-db76-40ef-9277-4657632d3bfe", | |
| "publisherDisplayName": "Shan Khan" | |
| }, | |
| "name": "code-settings-sync", | |
| "publisher": "Shan", | |
| "version": "2.8.3" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "121396ad-85a1-45ec-9fd1-d95028a847f5", | |
| "publisherId": "e9a76d04-24d4-44eb-a202-964f71acf59e", | |
| "publisherDisplayName": "Sergii Naumov" | |
| }, | |
| "name": "color-highlight", | |
| "publisher": "naumovs", | |
| "version": "2.3.0" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "1ec62ca5-d7f9-4ddb-a882-e8d018c0aefd", | |
| "publisherId": "ecde0778-6fe5-4f72-93a7-196989f19e58", | |
| "publisherDisplayName": "Microsoft" | |
| }, | |
| "name": "debugger-for-chrome", | |
| "publisher": "msjsdiag", | |
| "version": "3.3.1" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "f60a60a6-95ba-42d4-b41c-3d24c1b89588", | |
| "publisherId": "1ed869e4-8588-4af4-a51e-9c1c86b034b9", | |
| "publisherDisplayName": "EditorConfig" | |
| }, | |
| "name": "EditorConfig", | |
| "publisher": "EditorConfig", | |
| "version": "0.10.1" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "3e891cf9-53cb-49a3-8d01-8f0b1f0afb29", | |
| "publisherId": "930310c4-ca8b-4e80-9d19-2b1507b2af61", | |
| "publisherDisplayName": "CodeZombie" | |
| }, | |
| "name": "gitignore", | |
| "publisher": "codezombiech", | |
| "version": "0.5.0" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "5db78037-f674-459f-a236-db622c427c5b", | |
| "publisherId": "f9e5bc2f-fea1-4075-917f-d83e01e69f56", | |
| "publisherDisplayName": "Philipp Kief" | |
| }, | |
| "name": "material-icon-theme", | |
| "publisher": "PKief", | |
| "version": "2.2.2" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "26a529c9-2654-4b95-a63f-02f6a52429e6", | |
| "publisherId": "8ae75bda-ec22-4a17-9340-abf1a20beca9", | |
| "publisherDisplayName": "zhuangtongfa" | |
| }, | |
| "name": "Material-theme", | |
| "publisher": "zhuangtongfa", | |
| "version": "2.10.12" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "dff6b801-247e-40e9-82e8-8c9b1d19d1b8", | |
| "publisherId": "a892fb38-060b-475f-9e73-2e06a8a17a68", | |
| "publisherDisplayName": "Christian Kohler" | |
| }, | |
| "name": "npm-intellisense", | |
| "publisher": "christian-kohler", | |
| "version": "1.3.0" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "fef63133-dae3-40fb-b81d-6da7617b4b1e", | |
| "publisherId": "48ab6153-4317-4c20-8150-3c6f6065e415", | |
| "publisherDisplayName": "TechER" | |
| }, | |
| "name": "open-in-browser", | |
| "publisher": "techer", | |
| "version": "1.1.0" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "a41c1549-4053-44d4-bf30-60fc809b4a86", | |
| "publisherId": "a892fb38-060b-475f-9e73-2e06a8a17a68", | |
| "publisherDisplayName": "Christian Kohler" | |
| }, | |
| "name": "path-intellisense", | |
| "publisher": "christian-kohler", | |
| "version": "1.4.2" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "96fa4707-6983-4489-b7c5-d5ffdfdcce90", | |
| "publisherId": "d16f4e39-2ffb-44e3-9c0d-79d873570e3a", | |
| "publisherDisplayName": "Esben Petersen" | |
| }, | |
| "name": "prettier-vscode", | |
| "publisher": "esbenp", | |
| "version": "0.24.0" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "d7b592dd-41c9-4f2b-acf3-055ae65e55c6", | |
| "publisherId": "f3764338-6fd9-45d3-be23-3da192e4db4b", | |
| "publisherDisplayName": "dzannotti" | |
| }, | |
| "name": "vscode-babel-coloring", | |
| "publisher": "dzannotti", | |
| "version": "0.0.4" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "03944bdc-9bcb-4ac2-b9b3-fdb050dd43e4", | |
| "publisherId": "c958976e-9702-4f1a-8bdf-26b7bc012d65", | |
| "publisherDisplayName": "mrmlnc" | |
| }, | |
| "name": "vscode-duplicate", | |
| "publisher": "mrmlnc", | |
| "version": "1.2.0" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "583b2b34-2c1e-4634-8c0b-0b82e283ea3a", | |
| "publisherId": "29859a75-d81b-4f0e-8578-2c80ecee6f99", | |
| "publisherDisplayName": "Dirk Baeumer" | |
| }, | |
| "name": "vscode-eslint", | |
| "publisher": "dbaeumer", | |
| "version": "1.3.2" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "c46b0018-f317-4b6c-a785-d2039b27338f", | |
| "publisherId": "7a344d8a-64ec-42a7-9255-9eacf94e746a", | |
| "publisherDisplayName": "Wix" | |
| }, | |
| "name": "vscode-import-cost", | |
| "publisher": "wix", | |
| "version": "2.5.0" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "b35cd5b4-18db-46f9-ba9e-06096c3b22d3", | |
| "publisherId": "852b63c9-509c-44fb-a302-f04544c660ad", | |
| "publisherDisplayName": "Visual Studio Mobile Tools" | |
| }, | |
| "name": "vscode-react-native", | |
| "publisher": "vsmobile", | |
| "version": "0.4.2" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "06cc3e44-aedb-41b8-a4ea-29ebf3c491fd", | |
| "publisherId": "dc4b8887-5c2d-49b0-a25f-724384a16ec3", | |
| "publisherDisplayName": "Julien Poissonnier" | |
| }, | |
| "name": "vscode-styled-components", | |
| "publisher": "jpoissonnier", | |
| "version": "0.0.8" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "6f5d4f30-67aa-4151-80c0-1bbe8ca5f9db", | |
| "publisherId": "1dfd9e90-5113-4f41-bfad-a22f8288078e", | |
| "publisherDisplayName": "cssho" | |
| }, | |
| "name": "vscode-svgviewer", | |
| "publisher": "cssho", | |
| "version": "1.4.3" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "07fc4a0a-11fc-4121-ba9a-f0d534c729d8", | |
| "publisherId": "7955ff1e-ae4f-4c47-a690-71f4d32e829c", | |
| "publisherDisplayName": "pflannery" | |
| }, | |
| "name": "vscode-versionlens", | |
| "publisher": "pflannery", | |
| "version": "0.19.1" | |
| } | |
| ] |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Show hidden characters
| { | |
| "compilerOptions": { | |
| "lib": [ | |
| "es2015", | |
| "es2016", | |
| "es2017" | |
| ] | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Empty |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Place your key bindings in this file to overwrite the defaults | |
| [ | |
| { | |
| "key": "cmd+e", | |
| "command": "editor.emmet.action.expandAbbreviation" | |
| }, | |
| { | |
| "key": "ctrl+alt+b", | |
| "command": "editor.action.formatDocument", | |
| "when": "editorTextFocus" | |
| }, | |
| { | |
| "key": "alt+/", | |
| "command": "auto-close-tag.closeTag", | |
| "when": "editorTextFocus" | |
| } | |
| ] |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| // Defines VSCode's display language. | |
| // See https://go.microsoft.com/fwlink/?LinkId=761051 for a list of supported languages. | |
| // Changing the value requires to restart VSCode. | |
| "locale":"en" | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "name": "material-icon-theme", | |
| "version": "2.1.0" | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "files.exclude": { | |
| "**/.git": false | |
| }, | |
| "editor.fontFamily": "FiraCode-Retina", | |
| "editor.fontSize": 16, | |
| "editor.cursorStyle": "line", | |
| "editor.tabSize": 2, | |
| "editor.fontLigatures": true, | |
| "editor.minimap.enabled": false, | |
| "explorer.openEditors.visible": 0, | |
| "editor.matchBrackets": true, | |
| "editor.parameterHints": false, | |
| "editor.selectionHighlight": true, | |
| "editor.snippetSuggestions": "top", | |
| "editor.dragAndDrop": false, | |
| "editor.formatOnPaste": false, | |
| "editor.formatOnSave": true, | |
| "eslint.autoFixOnSave": true, | |
| "terminal.external.osxExec": "iTerm.app", | |
| "workbench.iconTheme": "material-icon-theme", | |
| "telemetry.enableTelemetry": false, | |
| "files.autoSave": "off", | |
| "files.hotExit": "off", | |
| "files.trimTrailingWhitespace": true, | |
| "prettier.eslintIntegration": true, | |
| "emmet.includeLanguages": { | |
| "javascript": "javascriptreact" | |
| }, | |
| "workbench.statusBar.visible": true, | |
| "workbench.activityBar.visible": true, | |
| "git.enableSmartCommit": true, | |
| "workbench.startupEditor": "newUntitledFile", | |
| "sync.gist": "", | |
| "sync.lastUpload": "2017-10-02T11:53:35.798Z", | |
| "sync.autoDownload": false, | |
| "sync.autoUpload": false, | |
| "sync.lastDownload": "2017-09-27T15:41:55.032Z", | |
| "sync.forceDownload": true, | |
| "sync.anonymousGist": false, | |
| "sync.host": "", | |
| "sync.pathPrefix": "", | |
| "sync.quietSync": false, | |
| "sync.askGistName": false, | |
| "workbench.colorTheme": "One Dark Pro", | |
| "workbench.colorCustomizations": { | |
| "editorBracketMatch.border": "#ffc600", | |
| "tab.activeBorder": "#4A75CE" | |
| }, | |
| "css.lint.unknownProperties": "warning", | |
| "css.lint.float": "error", | |
| "css.lint.duplicateProperties": "ignore", | |
| "editor.wordWrapColumn": 100 | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| /* | |
| // Place your snippets for Batch here. Each snippet is defined under a snippet name and has a prefix, body and | |
| // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are: | |
| // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the | |
| // same ids are connected. | |
| // Example: | |
| "Print to console": { | |
| "prefix": "log", | |
| "body": [ | |
| "console.log('$1');", | |
| "$2" | |
| ], | |
| "description": "Log output to console" | |
| } | |
| */ | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| /* | |
| // Place your snippets for C here. Each snippet is defined under a snippet name and has a prefix, body and | |
| // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are: | |
| // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the | |
| // same ids are connected. | |
| // Example: | |
| "Print to console": { | |
| "prefix": "log", | |
| "body": [ | |
| "console.log('$1');", | |
| "$2" | |
| ], | |
| "description": "Log output to console" | |
| } | |
| */ | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "justify-content": { | |
| "prefix": "justify-content", | |
| "body": [ | |
| "justify-content: ${1|start,center,end,stretch,normal,space-around,space-between,space-evenly,baseline|};" | |
| ], | |
| "description": "justify-content aligns tracks along the column axis" | |
| }, | |
| "justify-items": { | |
| "prefix": "justify-items", | |
| "body": [ | |
| "justify-items: ${1|start,center,end,stretch,auto,normal,baseline|};" | |
| ], | |
| "description": "align items along the row axis" | |
| }, | |
| "justify-self": { | |
| "prefix": "justify-self", | |
| "body": [ | |
| "justify-self: ${1|start,center,end,stretch,auto,normal,baseline|};" | |
| ], | |
| "description": "align self along the row axis" | |
| }, | |
| "align-content": { | |
| "prefix": "align-content", | |
| "body": [ | |
| "align-content: ${1|start,center,end,stretch,normal,space-around,space-between,space-evenly,baseline|};" | |
| ], | |
| "description": "align-content aligns tracks along the row axis" | |
| }, | |
| "align-items": { | |
| "prefix": "align-items", | |
| "body": [ | |
| "align-items: ${1|start,center,end,stretch,auto,normal,baseline|};" | |
| ], | |
| "description": "align items along the column axis" | |
| }, | |
| "align-self": { | |
| "prefix": "align-self", | |
| "body": [ | |
| "align-self: ${1|start,center,end,stretch,auto,normal,baseline|};" | |
| ], | |
| "description": "align self along the column axis" | |
| }, | |
| "CSS Modules composes": { | |
| "prefix": "composes", | |
| "body": ["composes: $1 from \"$2\";"], | |
| "description": "CSS Modules composes" | |
| }, | |
| "Media Query Apple Watch": { | |
| "prefix": "@media Apple Watch", | |
| "body": [ | |
| "@media (max-device-width: 42mm) and (min-device-width: 38mm) { ", | |
| "\t", | |
| "}" | |
| ], | |
| "description": "Media Query Apple Watch" | |
| }, | |
| "Media Query Moto 360 Watch": { | |
| "prefix": "@media Moto360 Watch", | |
| "body": [ | |
| "@media (max-device-width: 218px) and (max-device-height: 281px) { ", | |
| "\t", | |
| "}" | |
| ], | |
| "description": "Media Query Moto 360 Watch" | |
| }, | |
| "Media Query Tablet Portrait": { | |
| "prefix": "@media_tablet_portrait", | |
| "body": [ | |
| "@media screen and (min-width: 481px) and (max-width: 1007px) and (orientation: portrait) {", | |
| "\t", | |
| "}" | |
| ], | |
| "description": "Tablet Portrait Media Query" | |
| }, | |
| "Media Query Tablet Landscape": { | |
| "prefix": "@media tablet landscape", | |
| "body": [ | |
| "@media screen and (min-width: 481px) and (max-width: 1007px) and (orientation: landscape) {", | |
| "\t", | |
| "}" | |
| ], | |
| "description": "Media Query Tablet Landscape" | |
| }, | |
| "Media Query Laptop Non-Retina": { | |
| "prefix": "@media laptop non-Retina", | |
| "body": [ | |
| "@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 1) {", | |
| "\t", | |
| "}" | |
| ], | |
| "description": "Media Query Laptop Non-Retina" | |
| }, | |
| "Media Query Laptop Retina": { | |
| "prefix": "@media laptop Retina", | |
| "body": [ | |
| "@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {", | |
| "\t", | |
| "}" | |
| ], | |
| "description": "Media Query Laptop Retina" | |
| }, | |
| "Media Query Desktop": { | |
| "prefix": "@media desktop", | |
| "body": ["@media screen and (min-width: 1008px) {", "\t", "}"], | |
| "description": "Media Query Desktop" | |
| }, | |
| "Media Query WideScreen": { | |
| "prefix": "@media Wide", | |
| "body": ["@media screen and (min-width: 1200px) {", "\t", "}"], | |
| "description": "Media Query WideScreen" | |
| }, | |
| "Media Query HD": { | |
| "prefix": "@media hd", | |
| "body": ["@media screen and (min-width: 1392px) {", "\t", "}"], | |
| "description": "Media Query HD" | |
| }, | |
| "ClassName CSS Modules": { | |
| "prefix": "className", | |
| "body": ["className={styles.$1 }"], | |
| "description": "ClassName CSS Modules" | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| /* | |
| // Place your snippets for HTML here. Each snippet is defined under a snippet name and has a prefix, body and | |
| // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are: | |
| // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the | |
| // same ids are connected. | |
| // Example: | |
| "Print to console": { | |
| "prefix": "log", | |
| "body": [ | |
| "console.log('$1');", | |
| "$2" | |
| ], | |
| "description": "Log output to console" | |
| } | |
| */ | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "Import react": { | |
| "prefix": "imr", | |
| "body": ["import React from 'react';"], | |
| "description": "Import react" | |
| }, | |
| "Import React Class Component": { | |
| "prefix": "imrc", | |
| "body": ["import React, { Component } from 'react';"], | |
| "description": "Import React Class Component" | |
| }, | |
| "Import React Class PureComponent": { | |
| "prefix": "imrpc", | |
| "body": ["import React, { PureComponent } from 'react';"], | |
| "description": "Import React Class PureComponent" | |
| }, | |
| "Import React-Native Component": { | |
| "prefix": "imrn", | |
| "body": "import { $1 } from 'react-native';", | |
| "description": "Import React-Native Element" | |
| }, | |
| "Import Component": { | |
| "prefix": "imc", | |
| "body": "import $1 from '$2';", | |
| "description": "Import Component" | |
| }, | |
| "Import Destructed Component": { | |
| "prefix": "imd", | |
| "body": "import {$1} from '$2';", | |
| "description": "Import Destructed Component" | |
| }, | |
| "Import Styles": { | |
| "prefix": "ims", | |
| "body": "import '$1';", | |
| "description": "Import Styles" | |
| }, | |
| "Import React-Native Extended StyleSheet": { | |
| "prefix": "imess", | |
| "body": ["import EStyleSheet from 'react-native-extended-stylesheet';"], | |
| "description": "Import Extended StyleSheet" | |
| }, | |
| "Import Prop-Types": { | |
| "prefix": "imp", | |
| "body": "import PropTypes from 'prop-types';", | |
| "description": "Import PropTypes" | |
| }, | |
| "Redux constant": { | |
| "prefix": "rct", | |
| "body": "export const $1 = '$1';" | |
| }, | |
| "Print to console": { | |
| "prefix": "cl", | |
| "body": ["console.log($1)"], | |
| "description": "Log output to console" | |
| }, | |
| "Export default": { | |
| "prefix": "ed", | |
| "body": ["export default $1;"], | |
| "description": "Export default" | |
| }, | |
| "Export Components": { | |
| "prefix": "ex", | |
| "body": ["export { $0 };"], | |
| "description": "Export React Component" | |
| }, | |
| "EslintDisableLine": { | |
| "prefix": "edl", | |
| "body": "// eslint-disable-line", | |
| "description": "Eslint Disable Line" | |
| }, | |
| "Comment Block": { | |
| "prefix": "cm", | |
| "body": ["/**", " * ${1}", " */"] | |
| }, | |
| "Stateless Component": { | |
| "prefix": "sl", | |
| "body": ["const $1 = () => (", "\t$2", ");", "", "export default $1;"] | |
| }, | |
| "Stateless Component Return": { | |
| "prefix": "slr", | |
| "body": [ | |
| "const $1 = () => {", | |
| "\treturn (", | |
| "\t\t$2", | |
| "\t);", | |
| "}", | |
| "", | |
| "export default $1;" | |
| ] | |
| }, | |
| "Redux Reducer": { | |
| "prefix": "rrd", | |
| "body": [ | |
| "export default (state = $1, action) => {", | |
| "\tswitch (action.type) {", | |
| "\t\tcase $2:", | |
| "\t\t\t$3", | |
| "\t\tdefault:", | |
| "\t\t\treturn state;", | |
| "\t}", | |
| "};" | |
| ] | |
| }, | |
| "Redux Pure Function": { | |
| "prefix": "rpf", | |
| "body": [ | |
| "export const $1 = '$1';", | |
| "", | |
| "export function $2($3) {", | |
| "\treturn {", | |
| "\t\ttype: $1,", | |
| "\t\t$3", | |
| "\t}", | |
| "}" | |
| ] | |
| }, | |
| "Redux Pure Function Const": { | |
| "prefix": "rpc", | |
| "body": [ | |
| "export const $1 = '$1';", | |
| "", | |
| "export const $2 = $3 => ({", | |
| "\ttype: $1,", | |
| "\t$3", | |
| "});" | |
| ] | |
| }, | |
| "ComponentWillMount": { | |
| "prefix": "cwm", | |
| "body": ["componentWillMount() {", "\t$1", "}"] | |
| }, | |
| "ComponentWillUpdate": { | |
| "prefix": "cwu", | |
| "body": ["componentWillUpdate() {", "\t$1", "}"] | |
| }, | |
| "ComponentDidUpdate": { | |
| "prefix": "cdu", | |
| "body": ["componentDidUpdate(prevProps, prevState) {", "\t$1", "}"] | |
| }, | |
| "ComponentWillReceiveProps": { | |
| "prefix": "cwrp", | |
| "body": ["componentWillReceiveProps(nextProps) {", "\t$1", "}"] | |
| }, | |
| "Class Component": { | |
| "prefix": "ccs", | |
| "body": [ | |
| "class $1 extends Component {", | |
| "\tstate = { $2 }", | |
| "\trender() {", | |
| "\t\treturn (", | |
| "\t\t\t$3", | |
| "\t\t);", | |
| "\t}", | |
| "}", | |
| "", | |
| "export default $1;" | |
| ] | |
| }, | |
| "Class Pure Component": { | |
| "prefix": "ccsp", | |
| "body": [ | |
| "class $1 extends PureComponent {", | |
| "\tstate = { $2 }", | |
| "\trender() {", | |
| "\t\treturn (", | |
| "\t\t\t$3", | |
| "\t\t);", | |
| "\t}", | |
| "}", | |
| "", | |
| "export default $1;" | |
| ] | |
| }, | |
| "Component Class With Redux": { | |
| "prefix": "ccsr", | |
| "body": [ | |
| "class $1 extends Component {", | |
| "\tstate = { $2 }", | |
| "\trender() {", | |
| "\t\treturn (", | |
| "\t\t\t$3", | |
| "\t\t);", | |
| "\t}", | |
| "}", | |
| "", | |
| "export default connect($4, $5)($1);" | |
| ] | |
| }, | |
| "Class Constructor": { | |
| "prefix": "con", | |
| "body": "constructor(props) {\n\tsuper(props);\n\tthis.state = {$0};\n}\n", | |
| "description": | |
| "Adds a default constructor for the class that contains props as arguments" | |
| }, | |
| "Component State declaration": { | |
| "prefix": "state", | |
| "body": ["state = { $1 };"], | |
| "description": "component state declaration" | |
| }, | |
| "Connect Redux": { | |
| "prefix": "crr", | |
| "body": "import { connect } from 'react-redux';" | |
| }, | |
| "ComponentDidMount": { | |
| "prefix": "cdm", | |
| "body": ["componentDidMount() {", "\t$1", "}"] | |
| }, | |
| "inline style": { | |
| "prefix": "style", | |
| "body": ["style={$1}"], | |
| "description": "inline style" | |
| }, | |
| "RStyleSheet Style": { | |
| "prefix": "rss", | |
| "body": ["const styles = StyleSheet.create({", "$1", "})"], | |
| "description": "React-StyleSheet" | |
| }, | |
| "EStyleSheet Style": { | |
| "prefix": "ess", | |
| "body": ["const styles = EStyleSheet.create({", "\t$1", "});"], | |
| "description": "EStyleSheet Style" | |
| }, | |
| "EStyleSheet Component": { | |
| "prefix": "essc", | |
| "body": [ | |
| "import EStyleSheet from 'react-native-extended-stylesheet';", | |
| "", | |
| "const styles = EStyleSheet.create({", | |
| "$1", | |
| "});", | |
| "", | |
| "export default styles;" | |
| ], | |
| "description": "EStyleSheet Component" | |
| }, | |
| "Stateless Component Function": { | |
| "prefix": "slc", | |
| "body": ["function $1($2) {", "\t$3", "}", "", "export default $1;"] | |
| }, | |
| "Set State": { | |
| "prefix": "sst", | |
| "body": "this.setState({$0});", | |
| "description": "sets assigned item into current state" | |
| }, | |
| "ComponentWillUnmount": { | |
| "prefix": "cwum", | |
| "body": ["componentWillUnmount() {", "\t$1", "}"] | |
| }, | |
| "destructingObject": { | |
| "prefix": "dob", | |
| "body": "const {$1} = $2", | |
| "description": | |
| "Creates and assigns a local variable using object destructing" | |
| }, | |
| "destructingArray": { | |
| "prefix": "dar", | |
| "body": "const [$1] = $2;", | |
| "description": | |
| "Creates and assigns a local variable using array destructing" | |
| }, | |
| "React Native Image Source": { | |
| "prefix": "sou", | |
| "body": ["source={require('')}"], | |
| "description": "React Native Image Source" | |
| }, | |
| "react Native Image ResizeMode": { | |
| "prefix": "resize", | |
| "body": ["resizeMode=\"contain\""], | |
| "description": "react Native Image ResizeMode" | |
| }, | |
| "Test Describe": { | |
| "prefix": "tdesc", | |
| "body": ["describe('$1', () => {", "\t$2", "});"] | |
| }, | |
| "Test it": { | |
| "prefix": "tit", | |
| "body": ["it('should $1', $2($3) => {", "\t$4", "});"] | |
| }, | |
| "ES6 const": { | |
| "prefix": "co", | |
| "body": ["const $1 = $2"], | |
| "description": "ES6 const" | |
| }, | |
| "ES6 let": { | |
| "prefix": "let", | |
| "body": ["let $1 = $2"], | |
| "description": "ES6 let" | |
| }, | |
| "async named function": { | |
| "prefix": "asyncfn", | |
| "body": ["async function $1($2){", "\t$3", "}"], | |
| "description": "async named function" | |
| }, | |
| "fetch": { | |
| "prefix": "fetch", | |
| "body": [ | |
| "fetch(``)", | |
| " .then(response => response.json())", | |
| " .then(data => console.log(data))", | |
| " .catch(err => console.log(err));" | |
| ], | |
| "description": "fetch" | |
| }, | |
| "async fetch": { | |
| "prefix": "asyncfetch", | |
| "body": [ | |
| "async function $1($2) {", | |
| "\t\tconst $3 = fetch(`$4`);", | |
| "\t\t$3(await $5);", | |
| "}", | |
| "" | |
| ], | |
| "description": "async fetch" | |
| }, | |
| "chain.map": { | |
| "prefix": "map", | |
| "body": [".map(($1) => {$2})"], | |
| "description": "chain map over array" | |
| }, | |
| "chain.reduce": { | |
| "prefix": "reduce", | |
| "body": [".reduce((${1:p}, ${2:c}) => {${3}}${4:, initial})"], | |
| "description": "chain reduce array" | |
| }, | |
| "chain.filter": { | |
| "prefix": "filter", | |
| "body": [".filter((${1:item}) => {${2}})"], | |
| "description": "chain filter array" | |
| }, | |
| "chain.find": { | |
| "prefix": "find", | |
| "body": [".find((${1:item}) => {${2}})"], | |
| "description": "chain find array" | |
| }, | |
| "chain.forEach": { | |
| "prefix": "forEach", | |
| "body": [".forEach((${1:item}) => {${2}})"], | |
| "description": "array.forEach" | |
| }, | |
| "Create New Promise": { | |
| "prefix": "promise", | |
| "body": [ | |
| "const $1 = new Promise( (resolve,reject) => {", | |
| "\tif ($2) {", | |
| "\t\tresolve($3);", | |
| "\t} else {", | |
| "\t\treject($4);", | |
| "\t}", | |
| "})" | |
| ], | |
| "description": "Create New Promise" | |
| }, | |
| "Promise.all": { | |
| "prefix": "promise.all", | |
| "body": ["Promise.all($1);"], | |
| "description": "Promise.all" | |
| }, | |
| "chain then": { | |
| "prefix": "then", | |
| "body": [".then(result => { $1 })"], | |
| "description": "chain then" | |
| }, | |
| "chain catch": { | |
| "prefix": "catch", | |
| "body": [".catch(error => { $1 })"], | |
| "description": "chain catch" | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| /* | |
| // Place your snippets for JavaScript React here. Each snippet is defined under a snippet name and has a prefix, body and | |
| // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are: | |
| // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the | |
| // same ids are connected. | |
| // Example: | |
| "Print to console": { | |
| "prefix": "log", | |
| "body": [ | |
| "console.log('$1');", | |
| "$2" | |
| ], | |
| "description": "Log output to console" | |
| } | |
| */ | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "justify-content": { | |
| "prefix": "justify-content", | |
| "body": [ | |
| "justify-content: ${1|start,center,end,stretch,normal,space-around,space-between,space-evenly,baseline|};" | |
| ], | |
| "description": "justify-content aligns tracks along the column axis" | |
| }, | |
| "justify-items": { | |
| "prefix": "justify-items", | |
| "body": [ | |
| "justify-items: ${1|start,center,end,stretch,auto,normal,baseline|};" | |
| ], | |
| "description": "align items along the row axis" | |
| }, | |
| "justify-self": { | |
| "prefix": "justify-self", | |
| "body": [ | |
| "justify-self: ${1|start,center,end,stretch,auto,normal,baseline|};" | |
| ], | |
| "description": "align self along the row axis" | |
| }, | |
| "align-content": { | |
| "prefix": "align-content", | |
| "body": [ | |
| "align-content: ${1|start,center,end,stretch,normal,space-around,space-between,space-evenly,baseline|};" | |
| ], | |
| "description": "align-content aligns tracks along the row axis" | |
| }, | |
| "align-items": { | |
| "prefix": "align-items", | |
| "body": [ | |
| "align-items: ${1|start,center,end,stretch,auto,normal,baseline|};" | |
| ], | |
| "description": "align items along the column axis" | |
| }, | |
| "align-self": { | |
| "prefix": "align-self", | |
| "body": [ | |
| "align-self: ${1|start,center,end,stretch,auto,normal,baseline|};" | |
| ], | |
| "description": "align self along the column axis" | |
| }, | |
| "CSS Modules composes": { | |
| "prefix": "composes", | |
| "body": ["composes: $1 from \"$2\";"], | |
| "description": "CSS Modules composes" | |
| }, | |
| "Media Query Apple Watch": { | |
| "prefix": "@media Apple Watch", | |
| "body": [ | |
| "@media (max-device-width: 42mm) and (min-device-width: 38mm) { ", | |
| "\t", | |
| "}" | |
| ], | |
| "description": "Media Query Apple Watch" | |
| }, | |
| "Media Query Moto 360 Watch": { | |
| "prefix": "@media Moto360 Watch", | |
| "body": [ | |
| "@media (max-device-width: 218px) and (max-device-height: 281px) { ", | |
| "\t", | |
| "}" | |
| ], | |
| "description": "Media Query Moto 360 Watch" | |
| }, | |
| "Media Query Tablet Portrait": { | |
| "prefix": "@media_tablet_portrait", | |
| "body": [ | |
| "@media screen and (min-width: 481px) and (max-width: 1007px) and (orientation: portrait) {", | |
| "\t", | |
| "}" | |
| ], | |
| "description": "Tablet Portrait Media Query" | |
| }, | |
| "Media Query Tablet Landscape": { | |
| "prefix": "@media tablet landscape", | |
| "body": [ | |
| "@media screen and (min-width: 481px) and (max-width: 1007px) and (orientation: landscape) {", | |
| "\t", | |
| "}" | |
| ], | |
| "description": "Media Query Tablet Landscape" | |
| }, | |
| "Media Query Laptop Non-Retina": { | |
| "prefix": "@media laptop non-Retina", | |
| "body": [ | |
| "@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 1) {", | |
| "\t", | |
| "}" | |
| ], | |
| "description": "Media Query Laptop Non-Retina" | |
| }, | |
| "Media Query Laptop Retina": { | |
| "prefix": "@media laptop Retina", | |
| "body": [ | |
| "@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {", | |
| "\t", | |
| "}" | |
| ], | |
| "description": "Media Query Laptop Retina" | |
| }, | |
| "Media Query Desktop": { | |
| "prefix": "@media desktop", | |
| "body": ["@media screen and (min-width: 1008px) {", "\t", "}"], | |
| "description": "Media Query Desktop" | |
| }, | |
| "Media Query WideScreen": { | |
| "prefix": "@media Wide", | |
| "body": ["@media screen and (min-width: 1200px) {", "\t", "}"], | |
| "description": "Media Query WideScreen" | |
| }, | |
| "Media Query HD": { | |
| "prefix": "@media hd", | |
| "body": ["@media screen and (min-width: 1392px) {", "\t", "}"], | |
| "description": "Media Query HD" | |
| }, | |
| "ClassName CSS Modules": { | |
| "prefix": "className", | |
| "body": ["className={styles.$1 }"], | |
| "description": "ClassName CSS Modules" | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| /* | |
| // Place your snippets for CSS (Styled Components) here. Each snippet is defined under a snippet name and has a prefix, body and | |
| // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are: | |
| // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the | |
| // same ids are connected. | |
| // Example: | |
| "Print to console": { | |
| "prefix": "log", | |
| "body": [ | |
| "console.log('$1');", | |
| "$2" | |
| ], | |
| "description": "Log output to console" | |
| } | |
| */ | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {"version":"7.13.0","status":2,"welcomeShown":true} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment