ext install akamud.vscode-theme-onedark
ext install joelday.docthis
ext install dbaeumer.vscode-eslint
ext install bierner.markdown-preview-github-styles
ext install bierner.markdown-footnotes
ext install bierner.markdown-checkbox
ext install bierner.markdown-emoji
ext install ms-vscode.sublime-keybindings
ext install webreflection.literally-html
-
-
Save r0mflip/6099f103836ea47763798ca0c4b7b229 to your computer and use it in GitHub Desktop.
VSCode settings and snippets
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
| { | |
| "editor.colorDecorators": false, | |
| "editor.tabSize": 2, | |
| "editor.detectIndentation": true, | |
| "editor.dragAndDrop": false, | |
| "editor.emptySelectionClipboard": false, | |
| "editor.fontLigatures": true, | |
| "editor.minimap.enabled": false, | |
| "editor.rulers": [80, 100], | |
| "editor.renderControlCharacters": true, | |
| "editor.renderIndentGuides": true, | |
| "editor.renderLineHighlight": "all", | |
| "editor.renderWhitespace": "all", | |
| "editor.smoothScrolling": true, | |
| "editor.snippetSuggestions": "top", | |
| "files.eol": "\n", | |
| "files.trimTrailingWhitespace": true, | |
| "files.insertFinalNewline": true, | |
| "html.autoClosingTags": false, | |
| "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe", | |
| "terminal.integrated.letterSpacing": 1.5, | |
| "workbench.activityBar.visible": false, | |
| "editor.multiCursorModifier": "ctrlCmd", | |
| "workbench.startupEditor": "newUntitledFile", | |
| "workbench.colorCustomizations": { | |
| "terminal.foreground": "#eff0eb", | |
| "terminal.ansiBlack": "#282a36", | |
| "terminal.ansiRed": "#ff5c57", | |
| "terminal.ansiGreen": "#5af78e", | |
| "terminal.ansiYellow": "#f3f99d", | |
| "terminal.ansiBlue": "#57c7ff", | |
| "terminal.ansiMagenta": "#ff6ac1", | |
| "terminal.ansiCyan": "#9aedfe", | |
| "terminal.ansiWhite": "#f1f1f0", | |
| "terminal.ansiBrightBlack": "#686868", | |
| "terminal.ansiBrightRed": "#ff5c57", | |
| "terminal.ansiBrightGreen": "#5af78e", | |
| "terminal.ansiBrightYellow": "#f3f99d", | |
| "terminal.ansiBrightBlue": "#57c7ff", | |
| "terminal.ansiBrightMagenta": "#ff6ac1", | |
| "terminal.ansiBrightCyan": "#9aedfe", | |
| "terminal.ansiBrightWhite": "#eff0eb" | |
| }, | |
| "explorer.confirmDelete": false, | |
| "git.ignoreMissingGitWarning": true, | |
| "editor.find.autoFindInSelection": "never", | |
| "editor.fontSize": 14, | |
| "editor.wordWrap": "on", | |
| "javascript.updateImportsOnFileMove.enabled": "never", | |
| "workbench.colorTheme": "Atom One Dark", | |
| "breadcrumbs.enabled": false | |
| } |
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
| { | |
| "CSS": { | |
| "prefix": "css:base", | |
| "body": [ | |
| "* {", | |
| " box-sizing: border-box;", | |
| " -webkit-tap-highlight-color: rgba(0, 0, 0, 0);", | |
| "}", | |
| "", | |
| "*::before, *::after {", | |
| " box-sizing: inherit;", | |
| "}", | |
| "", | |
| "html,", | |
| "body {", | |
| " margin: 0;", | |
| " font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI',", | |
| " Roboto, 'Helvetica Neue', Arial, sans-serif;", | |
| " color: #212121;", | |
| " font-size: 16px;", | |
| " line-height: 1.5;", | |
| "}", | |
| "", | |
| "${1}" | |
| ] | |
| }, | |
| "CSS Media Query": { | |
| "prefix": "css:media-query", | |
| "body": [ | |
| "@media only screen and (${1:max-width}: ${2:26.2em}) {", | |
| " ${3}", | |
| "}" | |
| ] | |
| } | |
| } |
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
| { | |
| "HTML boilerplate": { | |
| "prefix": "html:base", | |
| "body": [ | |
| "<!DOCTYPE html>", | |
| "<html lang=\"en\">", | |
| "<head>", | |
| " <meta charset=\"UTF-8\">", | |
| " <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">", | |
| " <meta name=\"author\" content=\"r0mflip\">", | |
| "", | |
| " <title>${1}</title>", | |
| " <meta name=\"description\" content=\"${2:description}\">", | |
| "", | |
| " ${3:<link rel=\"stylesheet\" href=\"${4:/css/main}.css\">}", | |
| "</head>", | |
| "<body>", | |
| "", | |
| " ${7}", | |
| "", | |
| " ${5:<script src=\"${6:/js/main}.js\"></script>}", | |
| "</body>", | |
| "</html>" | |
| ] | |
| }, | |
| "HTML manifest and icons": { | |
| "prefix": "html:manifest", | |
| "body": [ | |
| "<link rel=\"manifest\" href=\"/site.manifest.json\">", | |
| "<link rel=\"icon\" href=\"${1:/img/touch/logo-256px.png}\">", | |
| "<link rel=\"apple-touch-icon\" href=\"${1:/img/touch/logo-180px.png}\">" | |
| ] | |
| }, | |
| "Meta tag for theming": { | |
| "prefix": "html:theme", | |
| "body": [ | |
| "<meta name=\"theme-color\" content=\"#${1:404040}\">" | |
| ] | |
| }, | |
| "Favicons and touch icons": { | |
| "prefix": "html:icons", | |
| "body": [ | |
| "<link rel=\"icon\" href=\"${1:/img/touch/logo.png}\">", | |
| "<link rel=\"apple-touch-icon\" ${2:sizes=\"any\"} href=\"${1:/img/touch/logo.png}\">" | |
| ] | |
| }, | |
| "Open Graph and Titter card meta tags": { | |
| "prefix": "html:share", | |
| "body": [ | |
| "<meta property=\"og:title\" content=\"${1:Title}\">", | |
| "<meta property=\"og:type\" content=\"website\">", | |
| "<meta property=\"og:url\" content=\"${2:https://example.com}/\">", | |
| "<meta property=\"og:image\" content=\"${2:https://example.com}{3:/img/touch/logo_256.png}\">", | |
| "<meta property=\"og:description\" content=\"${3:A little description}\">", | |
| "", | |
| "<meta name=\"twitter:title\" content=\"${1:Title}\">", | |
| "<meta name=\"twitter:card\" content=\"summary\">", | |
| "<meta name=\"twitter:url\" content=\"${2:https://example.com}/\">", | |
| "<meta name=\"twitter:image\" content=\"${2:https://example.com}{3:/img/touch/logo_256.png}\">", | |
| "<meta name=\"twitter:description\" content=\"${4:A little description}\">", | |
| "<meta name=\"twitter:creator\" content=\"@ramlmn\">" | |
| ] | |
| }, | |
| "Style tag": { | |
| "prefix": "html:style", | |
| "body": [ | |
| "<style>", | |
| " ${1}", | |
| "</style>" | |
| ] | |
| }, | |
| "Link tag": { | |
| "prefix": "html:link", | |
| "body": "<link rel=\"${2:stylesheet}\" href=\"${1}\">" | |
| }, | |
| "Link preload tag": { | |
| "prefix": "link:preload", | |
| "body": "<link rel=\"preload\" href=\"${1}\" as=\"${2}\">" | |
| }, | |
| "HTML template tag": { | |
| "prefix": "html:template", | |
| "body": [ | |
| "<template id=\"${1}\">", | |
| " ${2}", | |
| "</template>" | |
| ] | |
| }, | |
| "Script tag": { | |
| "prefix": "html:script", | |
| "body": [ | |
| "<script>", | |
| " ${1}", | |
| "</script>" | |
| ] | |
| }, | |
| "External script tag": { | |
| "prefix": "html:script-src", | |
| "body": "<script src=\"${1:/script}.js\"></script>" | |
| } | |
| } |
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
| { | |
| "JavaScript IIFE closure": { | |
| "prefix": "js:closure", | |
| "body": [ | |
| "(_ => {", | |
| " ${1}", | |
| "})();" | |
| ] | |
| }, | |
| "JavaScript class": { | |
| "prefix": "js:class", | |
| "body": [ | |
| "class ${1} {", | |
| " constructor() {", | |
| " ${2}", | |
| " }", | |
| "}" | |
| ] | |
| }, | |
| "Custom Elements v1": { | |
| "prefix": "js:custom-element", | |
| "body": [ | |
| "class ${1} ${2:extends HTMLElement }{", | |
| " constructor() {", | |
| " super();", | |
| " ${4}", | |
| " }", | |
| "", | |
| " connectedCallback() {", | |
| " ${5}", | |
| " }", | |
| "}", | |
| "", | |
| "window.customElements.define('${3}', ${3});" | |
| ] | |
| } | |
| } |
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
| { | |
| "Web App Manifest": { | |
| "prefix": "json:web-manifest", | |
| "body": [ | |
| "{", | |
| " \"name\": \"${1:Title}\",", | |
| " \"short_name\": \"${2:Short Name}\",", | |
| " \"scope\": \"/\",", | |
| " \"icons\": [{", | |
| " \"src\": \"/images/touch/logo@192.png\",", | |
| " \"type\": \"img/png\",", | |
| " \"sizes\": \"192x192\"", | |
| " }, {", | |
| " \"src\": \"/images/touch/logo@512.png\",", | |
| " \"type\": \"img/png\",", | |
| " \"sizes\": \"512x512\"", | |
| " }],", | |
| " \"start_url\": \"/\",", | |
| " \"display\": \"standalone\",", | |
| " \"orientation\": \"portrait\",", | |
| " \"background_color\": \"#${3:F44336}\",", | |
| " \"theme_color\": \"#${3:F44336}\"", | |
| "}" | |
| ] | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment