Last active
September 1, 2019 10:26
-
-
Save dinhmai74/dba3221a05fcd77c7fbc059d8b589b13 to your computer and use it in GitHub Desktop.
Visual Studio Code Settings Sync Gist
This file contains 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":"2019-09-01T10:26:54.984Z","extensionVersion":"v3.4.2"} |
This file contains 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": "formulahendry.auto-close-tag", | |
| "publisherDisplayName": "formulahendry" | |
| }, | |
| "name": "auto-close-tag", | |
| "publisher": "formulahendry", | |
| "version": "0.5.6" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "6e440e71-8ed9-4f25-bb78-4b13096b8a03", | |
| "publisherId": "formulahendry.auto-rename-tag", | |
| "publisherDisplayName": "formulahendry" | |
| }, | |
| "name": "auto-rename-tag", | |
| "publisher": "formulahendry", | |
| "version": "0.1.0" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "f583eafd-aa0d-4ccb-8f44-d1e610389660", | |
| "publisherId": "CoenraadS.bracket-pair-colorizer", | |
| "publisherDisplayName": "CoenraadS" | |
| }, | |
| "name": "bracket-pair-colorizer", | |
| "publisher": "CoenraadS", | |
| "version": "1.0.61" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "e337c67b-55c2-4fef-8949-eb260e7fb7fd", | |
| "publisherId": "Shan.code-settings-sync", | |
| "publisherDisplayName": "Shan" | |
| }, | |
| "name": "code-settings-sync", | |
| "publisher": "Shan", | |
| "version": "3.4.2" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "f6dbd813-b0a0-42c1-90ea-10dde9d925a7", | |
| "publisherId": "streetsidesoftware.code-spell-checker", | |
| "publisherDisplayName": "streetsidesoftware" | |
| }, | |
| "name": "code-spell-checker", | |
| "publisher": "streetsidesoftware", | |
| "version": "1.7.18" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "121396ad-85a1-45ec-9fd1-d95028a847f5", | |
| "publisherId": "naumovs.color-highlight", | |
| "publisherDisplayName": "naumovs" | |
| }, | |
| "name": "color-highlight", | |
| "publisher": "naumovs", | |
| "version": "2.3.0" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "19804510-b475-4dae-b0f7-6ca08fd1af0c", | |
| "publisherId": "dsznajder.es7-react-js-snippets", | |
| "publisherDisplayName": "dsznajder" | |
| }, | |
| "name": "es7-react-js-snippets", | |
| "publisher": "dsznajder", | |
| "version": "2.4.3" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "b3917e4f-5086-4def-a82b-2ae6b708db16", | |
| "publisherId": "flowtype.flow-for-vscode", | |
| "publisherDisplayName": "flowtype" | |
| }, | |
| "name": "flow-for-vscode", | |
| "publisher": "flowtype", | |
| "version": "1.3.0" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "8feafe94-2234-4478-8ea6-e5333d65ab5b", | |
| "publisherId": "ee92.folderize", | |
| "publisherDisplayName": "ee92" | |
| }, | |
| "name": "folderize", | |
| "publisher": "ee92", | |
| "version": "0.0.5" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "2335b326-c334-4e81-bc51-c408fcec6e7c", | |
| "publisherId": "waderyan.gitblame", | |
| "publisherDisplayName": "waderyan" | |
| }, | |
| "name": "gitblame", | |
| "publisher": "waderyan", | |
| "version": "3.0.1" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "4de763bd-505d-4978-9575-2b7696ecf94e", | |
| "publisherId": "eamodio.gitlens", | |
| "publisherDisplayName": "eamodio" | |
| }, | |
| "name": "gitlens", | |
| "publisher": "eamodio", | |
| "version": "9.9.3" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "5db78037-f674-459f-a236-db622c427c5b", | |
| "publisherId": "PKief.material-icon-theme", | |
| "publisherDisplayName": "PKief" | |
| }, | |
| "name": "material-icon-theme", | |
| "publisher": "PKief", | |
| "version": "3.9.0" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "26a529c9-2654-4b95-a63f-02f6a52429e6", | |
| "publisherId": "zhuangtongfa.Material-theme", | |
| "publisherDisplayName": "zhuangtongfa" | |
| }, | |
| "name": "Material-theme", | |
| "publisher": "zhuangtongfa", | |
| "version": "2.27.1" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "a41c1549-4053-44d4-bf30-60fc809b4a86", | |
| "publisherId": "christian-kohler.path-intellisense", | |
| "publisherDisplayName": "christian-kohler" | |
| }, | |
| "name": "path-intellisense", | |
| "publisher": "christian-kohler", | |
| "version": "1.4.2" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "96fa4707-6983-4489-b7c5-d5ffdfdcce90", | |
| "publisherId": "esbenp.prettier-vscode", | |
| "publisherDisplayName": "esbenp" | |
| }, | |
| "name": "prettier-vscode", | |
| "publisher": "esbenp", | |
| "version": "2.2.2" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "1b747f06-3789-4ebd-ac99-f1fe430c3347", | |
| "publisherId": "alefragnani.project-manager", | |
| "publisherDisplayName": "alefragnani" | |
| }, | |
| "name": "project-manager", | |
| "publisher": "alefragnani", | |
| "version": "10.7.0" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "7f7e0e9c-b5ad-4e21-a425-f63bd56cb13f", | |
| "publisherId": "EQuimper.react-native-react-redux", | |
| "publisherDisplayName": "EQuimper" | |
| }, | |
| "name": "react-native-react-redux", | |
| "publisher": "EQuimper", | |
| "version": "2.0.3" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "86701f2b-fc6f-43fb-96a2-65133d6e5856", | |
| "publisherId": "xieqingtian.ts-react-snippets", | |
| "publisherDisplayName": "xieqingtian" | |
| }, | |
| "name": "ts-react-snippets", | |
| "publisher": "xieqingtian", | |
| "version": "0.0.3" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "d96e79c6-8b25-4be3-8545-0e0ecefcae03", | |
| "publisherId": "vscodevim.vim", | |
| "publisherDisplayName": "vscodevim" | |
| }, | |
| "name": "vim", | |
| "publisher": "vscodevim", | |
| "version": "1.10.2" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "583b2b34-2c1e-4634-8c0b-0b82e283ea3a", | |
| "publisherId": "dbaeumer.vscode-eslint", | |
| "publisherDisplayName": "dbaeumer" | |
| }, | |
| "name": "vscode-eslint", | |
| "publisher": "dbaeumer", | |
| "version": "1.9.1" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "d637104e-1fd7-4063-98fc-8afe46012c9b", | |
| "publisherId": "sleistner.vscode-fileutils", | |
| "publisherDisplayName": "sleistner" | |
| }, | |
| "name": "vscode-fileutils", | |
| "publisher": "sleistner", | |
| "version": "2.14.9" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "829a192d-496c-44ac-87f3-0a84ce36a853", | |
| "publisherId": "emmanuelbeziat.vscode-great-icons", | |
| "publisherDisplayName": "emmanuelbeziat" | |
| }, | |
| "name": "vscode-great-icons", | |
| "publisher": "emmanuelbeziat", | |
| "version": "2.1.47" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "77b70e30-3534-4098-9d6d-382a96babca4", | |
| "publisherId": "dkundel.vscode-new-file", | |
| "publisherDisplayName": "dkundel" | |
| }, | |
| "name": "vscode-new-file", | |
| "publisher": "dkundel", | |
| "version": "4.0.2" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "a4678ccd-2309-4cdd-b6cf-94af8dd7001f", | |
| "publisherId": "jrebocho.vscode-random", | |
| "publisherDisplayName": "jrebocho" | |
| }, | |
| "name": "vscode-random", | |
| "publisher": "jrebocho", | |
| "version": "1.6.0" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "b35cd5b4-18db-46f9-ba9e-06096c3b22d3", | |
| "publisherId": "msjsdiag.vscode-react-native", | |
| "publisherDisplayName": "msjsdiag" | |
| }, | |
| "name": "vscode-react-native", | |
| "publisher": "msjsdiag", | |
| "version": "0.11.0" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "7a6d909f-40d8-4f46-8244-f5ece41d0df5", | |
| "publisherId": "Orta.vscode-react-native-storybooks", | |
| "publisherDisplayName": "Orta" | |
| }, | |
| "name": "vscode-react-native-storybooks", | |
| "publisher": "Orta", | |
| "version": "2.7.0" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "06cc3e44-aedb-41b8-a4ea-29ebf3c491fd", | |
| "publisherId": "jpoissonnier.vscode-styled-components", | |
| "publisherDisplayName": "jpoissonnier" | |
| }, | |
| "name": "vscode-styled-components", | |
| "publisher": "jpoissonnier", | |
| "version": "0.0.26" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "97a08c5f-6667-4242-a5c5-045dfb6bd4b9", | |
| "publisherId": "wayou.vscode-todo-highlight", | |
| "publisherDisplayName": "wayou" | |
| }, | |
| "name": "vscode-todo-highlight", | |
| "publisher": "wayou", | |
| "version": "1.0.4" | |
| }, | |
| { | |
| "metadata": { | |
| "id": "90a37ca1-92a2-488a-b196-7a8c0b0127ea", | |
| "publisherId": "ms-vscode.vscode-typescript-tslint-plugin", | |
| "publisherDisplayName": "ms-vscode" | |
| }, | |
| "name": "vscode-typescript-tslint-plugin", | |
| "publisher": "ms-vscode", | |
| "version": "1.2.2" | |
| } | |
| ] |
This file contains 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 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": "tab", | |
| "command": "selectNextSuggestion", | |
| "when": "editorTextFocus && suggestWidgetMultipleSuggestions && suggestWidgetVisible" | |
| }, | |
| { | |
| "key": "down", | |
| "command": "-selectNextSuggestion", | |
| "when": "editorTextFocus && suggestWidgetMultipleSuggestions && suggestWidgetVisible" | |
| }, | |
| { | |
| "key": "shift+tab", | |
| "command": "selectPrevSuggestion", | |
| "when": "editorTextFocus && suggestWidgetMultipleSuggestions && suggestWidgetVisible" | |
| }, | |
| { | |
| "key": "up", | |
| "command": "-selectPrevSuggestion", | |
| "when": "editorTextFocus && suggestWidgetMultipleSuggestions && suggestWidgetVisible" | |
| }, | |
| { | |
| "key": "cmd+n", | |
| "command": "newFile.createNewFile" | |
| }, | |
| { | |
| "key": "cmd+c", | |
| "command": "", | |
| }] |
This file contains 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
| { | |
| "window.zoomLevel": 1, | |
| "editor.multiCursorModifier": "alt", | |
| "newFile.defaultBaseFileName": "", | |
| "newFile.relativeTo": "file", // "root" or "project" | |
| "newFile.defaultFileExtension": "", | |
| "newFile.rootDirectory": "~", | |
| "newFile.showPathRelativeTo": "none", // "project" or "none" | |
| "newFile.expandBraces": false, | |
| "explorer.confirmDragAndDrop": false, | |
| "git.enableSmartCommit": true, | |
| "workbench.colorTheme": "One Dark Pro Vivid", | |
| "editor.fontSize": 13, | |
| "editor.fontWeight": "100", | |
| "editor.fontFamily": "'Fira Code'", | |
| "editor.fontLigatures": true, | |
| "sync.gist": "dba3221a05fcd77c7fbc059d8b589b13", | |
| "sync.host": "", | |
| "sync.pathPrefix": "", | |
| "sync.quietSync": false, | |
| "sync.askGistName": false, | |
| "sync.removeExtensions": true, | |
| "sync.syncExtensions": true, | |
| "sync.autoDownload": false, | |
| "sync.autoUpload": false, | |
| "sync.lastUpload": "", | |
| "sync.lastDownload": "", | |
| "sync.forceDownload": false, | |
| "breadcrumbs.enabled": true, // setting to true will allow for creating multiple files such as `new-folder/{file1,file2}.js` | |
| "javascript.validate.enable": false, | |
| "editor.renderWhitespace": "boundary", | |
| "cSpell.userWords": [ | |
| "Animatable", | |
| "Cambria", | |
| "Entypo", | |
| "Fontfamily", | |
| "Genw", | |
| "Ionicons", | |
| "Iphone", | |
| "Nativebase", | |
| "Octicons", | |
| "Reactotron", | |
| "Scrollable", | |
| "Stateful", | |
| "Subviews", | |
| "UIHMR", | |
| "Unmount", | |
| "Zocial", | |
| "apisauce", | |
| "customuser", | |
| "dinhmai", | |
| "dropdown", | |
| "ellipsize", | |
| "formik", | |
| "gmail", | |
| "inmemory", | |
| "jwtoken", | |
| "lifelog", | |
| "lifelogs", | |
| "lightgrey", | |
| "mobx", | |
| "padder", | |
| "rebass", | |
| "refetch", | |
| "rnpm", | |
| "setstate", | |
| "swipeable", | |
| "tiwi", | |
| "toastr", | |
| "unsubscriber", | |
| "userdfahifha", | |
| "uuidv", | |
| "viewpager", | |
| "vinid", | |
| "xlarge", | |
| "yellowbox" | |
| ], | |
| "vim.easymotion": true, | |
| "[json]": { | |
| "editor.defaultFormatter": "vscode.json-language-features" | |
| }, | |
| "javascript.format.enable": false, | |
| "cSpell.language": "en", | |
| "cSpell.enabledLanguageIds": [ | |
| "asciidoc", | |
| "c", | |
| "cpp", | |
| "csharp", | |
| "css", | |
| "go", | |
| "handlebars", | |
| "html", | |
| "jade", | |
| "javascript", | |
| "javascriptreact", | |
| "json", | |
| "latex", | |
| "less", | |
| "markdown", | |
| "php", | |
| "plaintext", | |
| "pub", | |
| "python", | |
| "restructuredtext", | |
| "rust", | |
| "scss", | |
| "text", | |
| "typescript", | |
| "typescriptreact", | |
| "yml" | |
| ], | |
| "workbench.iconTheme": "material-icon-theme", | |
| "terminal.integrated.cursorStyle": "underline", | |
| "diffEditor.ignoreTrimWhitespace": true, | |
| "typescript.updateImportsOnFileMove.enabled": "always", | |
| "[typescriptreact]": { | |
| "editor.defaultFormatter": "esbenp.prettier-vscode" | |
| }, | |
| "[typescript]": { | |
| "editor.defaultFormatter": "esbenp.prettier-vscode" | |
| }, | |
| "[jsonc]": { | |
| "editor.defaultFormatter": "esbenp.prettier-vscode" | |
| }, | |
| "todohighlight.isEnable": true, | |
| // "vim.statusBarColorControl": true, | |
| // "vim.statusBarColors.normal": ["#434c5e", "#cccc"], | |
| // "vim.statusBarColors.insert": "#005f5f", | |
| // "vim.statusBarColors.visual": ["#B48EAD", "#ccc"], | |
| // "vim.statusBarColors.visualline": ["#dad", "#eee"], | |
| // "vim.statusBarColors.visualblock": "#A3BE8C", | |
| // "vim.statusBarColors.replace": "#D08770", | |
| // "workbench.colorCustomizations": { | |
| // "statusBar.background": "#B48EAD", | |
| // "statusBar.noFolderBackground": "#B48EAD", | |
| // "statusBar.debuggingBackground": "#B48EAD", | |
| // "statusBar.foreground": "#ccc" | |
| // }, | |
| "react-native-storybooks.port": 7007, | |
| "prettier.semi": false, | |
| "vim.overrideCopy": true, | |
| "terminal.external.osxExec": "Hyper", | |
| "workbench.editor.enablePreview": false, | |
| "editor.tabSize": 2, | |
| "tslint.packageManager": "yarn", | |
| "emmet.showExpandedAbbreviation": "never", | |
| "sync.forceUpload": true, | |
| "terminal.integrated.fontFamily": "\"Hasklug Nerd Font\"", | |
| "editor.snippetSuggestions": "top", | |
| "javascript.preferences.importModuleSpecifier": "non-relative", | |
| "typescript.preferences.importModuleSpecifier": "non-relative", | |
| "eslint.autoFixOnSave": true, | |
| "eslint.packageManager": "yarn", | |
| "eslint.alwaysShowStatus": true, | |
| "tslint.alwaysShowRuleFailuresAsWarnings": true, | |
| "editor.formatOnSave": true | |
| } |
This file contains 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 dart 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" | |
| // } | |
| "translate app": { | |
| "prefix": "tl", | |
| "body": [ | |
| "AppLocalizations.of(context).translate('$1')" | |
| ], | |
| "description": "Log output to console" | |
| } | |
| } |
This file contains 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 global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and | |
| // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope | |
| // is left empty or omitted, the snippet gets applied to all languages. 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": { | |
| // "scope": "javascript,typescript", | |
| // "prefix": "log", | |
| // "body": [ | |
| // "console.log('$1');", | |
| // "$2" | |
| // ], | |
| // "description": "Log output to console" | |
| // } | |
| "Print story": { | |
| "scope": "javascript,typescript,typescriptreact", | |
| "prefix": "rns", | |
| "body": ["storiesOf('$1', module)", " .add('default', () => $2 )"], | |
| "description": "Log output to console" | |
| }, | |
| "Print property comment": { | |
| "scope": "javascript,typescript,typescriptreact", | |
| "prefix": "cmtp", | |
| "body": ["/**", " * @property {propTypes.$1} $2 - $3", " */"], | |
| "description": "Log output to console" | |
| }, | |
| "Create destructuring object": { | |
| "scope": "javascript,typescript,typescriptreact", | |
| "prefix": "dob", | |
| "body": ["const { $2 } = $1;"] | |
| }, | |
| "export * from x": { | |
| "scope": "javascript,typescript,typescriptreact", | |
| "prefix": "ex", | |
| "body": ["export * from '$1'"] | |
| }, | |
| "const style": { | |
| "scope": "javascript,typescript,typescriptreact", | |
| "prefix": "styled", | |
| "body": ["export const Styled${2:$1} = styled($1)`", "\t$3", "`"] | |
| }, | |
| "Create static default props": { | |
| "scope": "javascript,typescript,typescriptreact", | |
| "prefix": "dp", | |
| "body": ["static defaultProps={", " $1", "}"] | |
| }, | |
| "Create interface": { | |
| "scope": "typescript,typescriptreact", | |
| "prefix": "int", | |
| "body": ["export interface $1 { $2 }"] | |
| }, | |
| "import destructoring": { | |
| "scope": "javascript,typescript,typescriptreact", | |
| "prefix": "imp", | |
| "body": ["import { $2 } from '$1'"] | |
| }, | |
| "import deafult": { | |
| "scope": "javascript,typescript,typescriptreact", | |
| "prefix": "impd", | |
| "body": ["import $1 from './$1'"] | |
| }, | |
| "styled const": { | |
| "scope": "javascript,typescript,typescriptreact", | |
| "prefix": "sty", | |
| "body": ["const Styled${2:$1} = styled($2)`$3","`"] | |
| }, | |
| "minimal back tick expand":{ | |
| "scope": "javascript,typescript,typescriptreact", | |
| "prefix": "btm", | |
| "body": ["{`${$1}`}"] | |
| }, | |
| "back tick expand":{ | |
| "scope": "javascript,typescript,typescriptreact", | |
| "prefix": "bt", | |
| "body": ["{`${$1}`}"] | |
| }, | |
| "root i18n text":{ | |
| "scope": "javascript,typescript,typescriptreact", | |
| "prefix": "brt", | |
| "body": ["{`${${1:rootTxText}}.$2`}"] | |
| }, | |
| "create root i18n text":{ | |
| "scope": "javascript,typescript,typescriptreact", | |
| "prefix": "rt", | |
| "body": ["const rootTxText = '$1'"] | |
| }, | |
| "export default as":{ | |
| "scope": "javascript,typescript,typescriptreact", | |
| "prefix": "exd", | |
| "body": ["export { default as $1} from './$1'"] | |
| }, | |
| "Print to console with color": { | |
| "scope": "javascript,typescript,typescriptreact", | |
| "prefix": "cl", | |
| "body": [ | |
| "console.log(`%c ${2:$1}`,`color: ${3:blue}; font-weight: ${4:600}`,$1)" | |
| ], | |
| "description": "Log output to console" | |
| }, | |
| } |
This file contains 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 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" | |
| // } | |
| // "Import destructuring": { | |
| // "prefix": "imp", | |
| // "body": ["import { $2 } from '$1'"], | |
| // "description": "Import destructuring" | |
| // }, | |
| // "Print to console reactotron": { | |
| // "prefix": "log", | |
| // "body": ["console.tron.log('$1',$1)"], | |
| // "description": "Log output to console" | |
| // }, | |
| // "Map state to props": { | |
| // "prefix": "mstp", | |
| // "body": [ | |
| // "const mapStateToProps = state => {", | |
| // "\tconst {", | |
| // "\t\t$1", | |
| // "\t} = state;", | |
| // "\tconsole.log('state in store:',state);", | |
| // "\treturn {", | |
| // "\t\t$2:$1", | |
| // "\t};", | |
| // "};" | |
| // ], | |
| // "description": "Map state to props" | |
| // }, | |
| // "Map dispatch to props": { | |
| // "prefix": "mdtp", | |
| // "body": [ | |
| // "const mapDispatchToProps = (dispatch) => {", | |
| // "\treturn {", | |
| // "\t\t$1: () => {", | |
| // "\t\t\tdispatch($2);", | |
| // "\t\t}", | |
| // "\t};", | |
| // "};" | |
| // ] | |
| // }, | |
| // "Default style create": { | |
| // "prefix": "ds", | |
| // "body": [ | |
| // "import { StyleSheet} from 'react-native';", | |
| // "", | |
| // "export default StyleSheet.create({", | |
| // " container: {}", | |
| // "});" | |
| // ] | |
| // }, | |
| // "Create static default props": { | |
| // "prefix": "dp", | |
| // "body": ["static defaultProps={", " $1", "}"] | |
| // }, | |
| // "Create destructuring object": { | |
| // "prefix": "dob", | |
| // "body": ["const { $2 } = $1;"] | |
| // }, | |
| // "PureComponent React Class FlowType": { | |
| // "prefix": "fpc", | |
| // "body": [ | |
| // "import React, { PureComponent } from 'react'", | |
| // "import { Text, View } from 'react-native'", | |
| // "", | |
| // "type Props = {", | |
| // "\t$1", | |
| // "};", | |
| // "", | |
| // "type State = {", | |
| // "\t$2", | |
| // "};", | |
| // "", | |
| // "class ${TM_FILENAME_BASE} extends PureComponent<Props, State> {", | |
| // "\tstate = { $3 }", | |
| // "", | |
| // "\trender() {", | |
| // "\t\treturn (", | |
| // "\t\t\t<View>", | |
| // "\t\t\t\t<Text> textInComponent </Text>", | |
| // "\t\t\t</View>", | |
| // "\t\t);", | |
| // "\t}", | |
| // "}", | |
| // "", | |
| // "${TM_FILENAME_BASE}.defaultProps={", | |
| // "\t$4", | |
| // "}", | |
| // "", | |
| // "export default ${TM_FILENAME_BASE};" | |
| // ] | |
| // }, | |
| // "React Class FlowType": { | |
| // "prefix": "fcc", | |
| // "body": [ | |
| // "import React, { Component } from 'react'", | |
| // "import { Text, View } from 'react-native'", | |
| // "", | |
| // "type Props = {", | |
| // "\t$1", | |
| // "};", | |
| // "", | |
| // "type State = {", | |
| // "\t$2", | |
| // "};", | |
| // "", | |
| // "class ${TM_FILENAME_BASE} extends Component<Props, State> {", | |
| // "\tstate = { $3 }", | |
| // "", | |
| // "\trender() {", | |
| // "\t\treturn (", | |
| // "\t\t\t<View>", | |
| // "\t\t\t\t<Text> textInComponent </Text>", | |
| // "\t\t\t</View>", | |
| // "\t\t);", | |
| // "\t}", | |
| // "}", | |
| // "", | |
| // "${TM_FILENAME_BASE}.defaultProps={", | |
| // "\t$4", | |
| // "}", | |
| // "", | |
| // "export default ${TM_FILENAME_BASE};" | |
| // ] | |
| // }, | |
| // "Export const action type": { | |
| // "prefix": "ecat", | |
| // "body": "export const $1 = '$1'", | |
| // "description": "export const action type" | |
| // }, | |
| // "Export const action type flow style": { | |
| // "prefix": "fecat", | |
| // "body": "export const $1: '$1'='$1'", | |
| // "description": "export const action type flow style" | |
| // } | |
| } |
This file contains 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 typescriptreact 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" | |
| // } | |
| // "Import destructuring": { | |
| // "prefix": "imp", | |
| // "body": ["import { $2 } from '$1'"], | |
| // "description": "Import destructuring" | |
| // }, | |
| // "Tron": { | |
| // "prefix": "tron", | |
| // "body": [ | |
| // "console.tron.$1" | |
| // ], | |
| // "description": "get tron" | |
| // }, | |
| // "Print to console reactotron": { | |
| // "prefix": "log", | |
| // "body": ["console.tron.log('${2:$1}',$1)"], | |
| // "description": "Log output to console" | |
| // }, | |
| // "Map state to props": { | |
| // "prefix": "mstp", | |
| // "body": [ | |
| // "const mapStateToProps = state => {", | |
| // "\tconst {", | |
| // "\t\t$1", | |
| // "\t} = state;", | |
| // "\tconsole.log('state in store:',state);", | |
| // "\treturn {", | |
| // "\t\t$2:$1", | |
| // "\t};", | |
| // "};" | |
| // ], | |
| // "description": "Map state to props" | |
| // }, | |
| // "Map dispatch to props": { | |
| // "prefix": "mdtp", | |
| // "body": [ | |
| // "const mapDispatchToProps = (dispatch) => {", | |
| // "\treturn {", | |
| // "\t\t$1: () => {", | |
| // "\t\t\tdispatch($2);", | |
| // "\t\t}", | |
| // "\t};", | |
| // "};" | |
| // ] | |
| // }, | |
| // "Default style create": { | |
| // "prefix": "ds", | |
| // "body": [ | |
| // "import { StyleSheet} from 'react-native';", | |
| // "", | |
| // "export default StyleSheet.create({", | |
| // " container: {}", | |
| // "});" | |
| // ] | |
| // }, | |
| // "Create static default props": { | |
| // "prefix": "dp", | |
| // "body": ["static defaultProps={", " $1", "}"] | |
| // }, | |
| // "Create destructoring object": { | |
| // "prefix": "dob", | |
| // "body": ["const {$2}= $1"] | |
| // }, | |
| // "PureComponent React Class ts": { | |
| // "prefix": "tspc", | |
| // "body": [ | |
| // "import React, { PureComponent } from 'react'", | |
| // "import { Text, View } from 'react-native'", | |
| // "", | |
| // "interface IProps {", | |
| // "\t$1", | |
| // "};", | |
| // "", | |
| // "interface State {", | |
| // "\t$2", | |
| // "};", | |
| // "", | |
| // "class ${TM_FILENAME_BASE} extends PureComponent<IProps, IState> {", | |
| // "\tstatic defaultProps: {};", | |
| // "\tstate = { $3 }", | |
| // "", | |
| // "\trender() {", | |
| // "\t\treturn (", | |
| // "\t\t\t<View>", | |
| // "\t\t\t\t<Text> textInComponent </Text>", | |
| // "\t\t\t</View>", | |
| // "\t\t);", | |
| // "\t}", | |
| // "}", | |
| // "", | |
| // "${TM_FILENAME_BASE}.defaultProps={", | |
| // "\t$4", | |
| // "}", | |
| // "", | |
| // "export default ${TM_FILENAME_BASE};" | |
| // ] | |
| // }, | |
| // "React Class ts": { | |
| // "prefix": "tscc", | |
| // "body": [ | |
| // "import React, { Component } from 'react'", | |
| // "import { Text, View } from 'react-native'", | |
| // "", | |
| // "interface IProps {", | |
| // "\t$1", | |
| // "};", | |
| // "", | |
| // "interface IState {", | |
| // "\t$2", | |
| // "};", | |
| // "", | |
| // "class ${TM_FILENAME_BASE} extends Component<IProps, IState> {", | |
| // "\tstatic defaultProps: {};", | |
| // "\tstate = { $3 }", | |
| // "", | |
| // "\trender() {", | |
| // "\t\treturn (", | |
| // "\t\t\t<View>", | |
| // "\t\t\t\t<Text> textInComponent </Text>", | |
| // "\t\t\t</View>", | |
| // "\t\t);", | |
| // "\t}", | |
| // "}", | |
| // "", | |
| // "${TM_FILENAME_BASE}.defaultProps={", | |
| // "\t$4", | |
| // "}", | |
| // "", | |
| // "export default ${TM_FILENAME_BASE};" | |
| // ] | |
| // }, | |
| // "Export const action type": { | |
| // "prefix": "ecat", | |
| // "body": "export const $1 = '$1'", | |
| // "description": "export const action type" | |
| // }, | |
| // "Export const action type ts style": { | |
| // "prefix": "tsecat", | |
| // "body": "export const $1='$1'", | |
| // "description": "export const action type flow style" | |
| // }, | |
| "Print to console with color": { | |
| "prefix": "cl", | |
| "body": [ | |
| "console.log(`%c ${2:$1}`,`color: ${3:blue}; font-weight: ${4:600}`,$1)" | |
| ], | |
| "description": "Log output to console" | |
| }, | |
| } |
This file contains 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
| { | |
| "typeScriptReactNativeClassComponent": { | |
| "prefix": "tsrncc", | |
| "body": [ | |
| "import React, { Component } from 'react'", | |
| "import { View, Text } from 'react-native'", | |
| "", | |
| "export interface I${1:${TM_FILENAME_BASE}}Props {", | |
| "\t", | |
| "}", | |
| "interface IState {", | |
| "\t", | |
| "}", | |
| "", | |
| "export class ${1:${TM_FILENAME_BASE}} extends Component<I${1:${TM_FILENAME_BASE}}Props, IState> {", | |
| "\trender() {", | |
| "\t\treturn (", | |
| "\t\t\t<View>", | |
| "\t\t\t\t<Text> ${1:${TM_FILENAME_BASE}} </Text>", | |
| "\t\t\t</View>", | |
| "\t\t)", | |
| "\t}", | |
| "}", | |
| "", | |
| "export default ${1:${TM_FILENAME_BASE}} " | |
| ], | |
| "description": "Creates a React component class with ES7 module system and TypeScript interfaces" | |
| }, | |
| "constructor": { | |
| "prefix": "cont", | |
| "body": [ | |
| "constructor(props: I${1:${TM_FILENAME_BASE}}Props){", | |
| "super(props)", | |
| "}" | |
| ] | |
| }, | |
| "typeScriptReactNativePureClassComponent": { | |
| "prefix": "tsrnpc", | |
| "body": [ | |
| "import React, { PureComponent } from 'react'", | |
| "import { View, Text } from 'react-native'", | |
| "", | |
| "export interface I${1:${TM_FILENAME_BASE}}Props {", | |
| "\t", | |
| "}", | |
| "interface IState {", | |
| "\t", | |
| "}", | |
| "", | |
| "export class ${1:${TM_FILENAME_BASE}} extends PureComponent<I${1:${TM_FILENAME_BASE}}Props, IState> {", | |
| "\trender() {", | |
| "\t\treturn (", | |
| "\t\t\t<View>", | |
| "\t\t\t\t<Text> ${1:${TM_FILENAME_BASE}} </Text>", | |
| "\t\t\t</View>", | |
| "\t\t)", | |
| "\t}", | |
| "}", | |
| "", | |
| "export default ${1:${TM_FILENAME_BASE}} " | |
| ], | |
| "description": "Creates a React component class with ES7 module system and TypeScript interfaces" | |
| }, | |
| "typeScriptReactClassExportComponent": { | |
| "prefix": "tsrnce", | |
| "body": [ | |
| "import React, { Component } from 'react'", | |
| "import { I${1:${TM_FILENAME_BASE}}Props } from './${1:${TM_FILENAME_BASE}}.props'", | |
| "import { } from './${1:${TM_FILENAME_BASE}}.presets'", | |
| "import { View, Text } from 'react-native'", | |
| "", | |
| "", | |
| "export class ${1:${TM_FILENAME_BASE}} extends Component<I${1:${TM_FILENAME_BASE}}Props, {}> {", | |
| "\trender() {", | |
| "\t\treturn (", | |
| "\t\t\t<View>", | |
| "\t\t\t\t<Text> ${1:${TM_FILENAME_BASE}} </Text>", | |
| "\t\t\t</View>", | |
| "\t\t)", | |
| "\t}", | |
| "}", | |
| "", | |
| "export default ${1:${TM_FILENAME_BASE}} " | |
| ], | |
| "description": "Creates a React component class with ES7 module system and TypeScript interfaces" | |
| }, | |
| "typeScriptReactFunctionalExportComponent": { | |
| "prefix": "tsrfce", | |
| "body": [ | |
| "import React from 'react'", | |
| "", | |
| "interface Props {", | |
| "\t", | |
| "}", | |
| "", | |
| "function ${1:${TM_FILENAME_BASE}}(): Props {", | |
| "\treturn (", | |
| "\t\t<div>", | |
| "\t\t\t ${1:${TM_FILENAME_BASE}} ", | |
| "\t\t</div>", | |
| "\t)", | |
| "}", | |
| "", | |
| "export default ${1:${TM_FILENAME_BASE}}", | |
| "" | |
| ], | |
| "description": "Creates a React Functional Component with ES7 module system and TypeScript interface" | |
| }, | |
| "typeScriptReactFunctionalComponent": { | |
| "prefix": "tsrfc", | |
| "body": [ | |
| "import React from 'react'", | |
| "", | |
| "interface Props {", | |
| "\t", | |
| "}", | |
| "", | |
| "export default function ${1:${TM_FILENAME_BASE}}(): Props {", | |
| "\treturn (", | |
| "\t\t<div>", | |
| "\t\t\t ${1:${TM_FILENAME_BASE}} ", | |
| "\t\t</div>", | |
| "\t)", | |
| "}", | |
| "" | |
| ], | |
| "description": "Creates a React Functional Component with ES7 module system and TypeScript interface" | |
| }, | |
| "typeScriptReactArrowFunctionExportComponent": { | |
| "prefix": "tsrafce", | |
| "body": [ | |
| "import React from 'react'", | |
| "", | |
| "interface Props {", | |
| "\t", | |
| "}", | |
| "", | |
| "const ${1:${TM_FILENAME_BASE}}: React.FC<Props> = () => {", | |
| "\treturn (", | |
| "\t\t<div>", | |
| "\t\t\t ${1:${TM_FILENAME_BASE}} ", | |
| "\t\t</div>", | |
| "\t)", | |
| "}", | |
| "", | |
| "export default ${1:${TM_FILENAME_BASE}}", | |
| "" | |
| ], | |
| "description": "Creates a React Arrow Function Component with ES7 module system and TypeScript interface" | |
| }, | |
| "typeScriptReactArrowFunctionComponent": { | |
| "prefix": "tsrafc", | |
| "body": [ | |
| "import React from 'react'", | |
| "", | |
| "interface Props {", | |
| "\t", | |
| "}", | |
| "", | |
| "export const ${1:${TM_FILENAME_BASE}}: React.FC<Props> = () => {", | |
| "\treturn (", | |
| "\t\t<div>", | |
| "\t\t\t ${1:${TM_FILENAME_BASE}} ", | |
| "\t\t</div>", | |
| "\t)", | |
| "}", | |
| "" | |
| ], | |
| "description": "Creates a React Arrow Function Component with ES7 module system and TypeScript interfaces" | |
| }, | |
| "typeScriptReactClassPureComponent": { | |
| "prefix": "tsrpc", | |
| "body": [ | |
| "import React, { PureComponent } from 'react'", | |
| "", | |
| "interface Props {", | |
| "\t", | |
| "}", | |
| "", | |
| "export default class ${1:${TM_FILENAME_BASE}} extends PureComponent<Props> {", | |
| "\trender() {", | |
| "\t\treturn (", | |
| "\t\t\t<div>", | |
| "\t\t\t\t ${1:${TM_FILENAME_BASE}} ", | |
| "\t\t\t</div>", | |
| "\t\t)", | |
| "\t}", | |
| "}", | |
| "" | |
| ], | |
| "description": "Creates a React pure component class with ES7 module system and TypeScript interface" | |
| }, | |
| "typeScriptReactClassExportPureComponent": { | |
| "prefix": "tsrpce", | |
| "body": [ | |
| "import React, { PureComponent } from 'react'", | |
| "", | |
| "interface Props {", | |
| "\t", | |
| "}", | |
| "", | |
| "class ${1:${TM_FILENAME_BASE}} extends PureComponent<Props> {", | |
| "\trender() {", | |
| "\t\treturn (", | |
| "\t\t\t<div>", | |
| "\t\t\t\t ${1:${TM_FILENAME_BASE}} ", | |
| "\t\t\t</div>", | |
| "\t\t)", | |
| "\t}", | |
| "}", | |
| "", | |
| "export default ${1:${TM_FILENAME_BASE}}", | |
| "" | |
| ], | |
| "description": "Creates a React pure component class with ES7 module system and TypeScript interface" | |
| }, | |
| "typeScriptReactFunctionMemoComponent": { | |
| "prefix": "tsrmc", | |
| "body": [ | |
| "import React, { memo } from 'react'", | |
| "", | |
| "interface Props {", | |
| "\t", | |
| "}", | |
| "", | |
| "export default memo(function ${1:${TM_FILENAME_BASE}}({}: Props) {", | |
| "\treturn (", | |
| "\t\t<div>", | |
| "\t\t\t ${1:${TM_FILENAME_BASE}} ", | |
| "\t\t</div>", | |
| "\t)", | |
| "})", | |
| "" | |
| ], | |
| "description": "Creates a React Memo Function Component with ES7 module system and TypeScript interface" | |
| }, | |
| "typeScriptReactClassCompomentRedux": { | |
| "prefix": "tsrcredux", | |
| "body": [ | |
| "import React, { Component } from 'react'", | |
| "import { connect } from 'react-redux'", | |
| "", | |
| "interface Props {", | |
| "\t", | |
| "}", | |
| "interface State {", | |
| "\t", | |
| "}", | |
| "", | |
| "export class ${1:${TM_FILENAME_BASE}} extends Component<Props, State> {", | |
| "\tstate = {}", | |
| "", | |
| "\trender() {", | |
| "\t\treturn (", | |
| "\t\t\t<div>", | |
| "\t\t\t\t ${1:${TM_FILENAME_BASE}} ", | |
| "\t\t\t</div>", | |
| "\t\t)", | |
| "\t}", | |
| "}", | |
| "", | |
| "const mapStateToProps = (state) => ({", | |
| "\t", | |
| "})", | |
| "", | |
| "const mapDispatchToProps = {", | |
| "\t", | |
| "}", | |
| "", | |
| "export default connect(mapStateToProps, mapDispatchToProps)(${1:${TM_FILENAME_BASE}})", | |
| "" | |
| ], | |
| "description": "Creates a React component class with PropTypes with connected redux and ES7 module system and TypeScript interfaces" | |
| } | |
| } |
vscode clound for react native mac setting
vscode clound for react native mac setting
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
vscode clound for react native mac setting