Last active
June 6, 2025 14:28
-
-
Save ShayanTheNerd/ccdef0870ffbf72534a9f668ed56443d to your computer and use it in GitHub Desktop.
VS Code settings, keyboard shortcuts, snippets, and extensions.
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
root = true | |
[*] | |
charset = utf-8 | |
indent_size = 2 | |
end_of_line = lf | |
indent_style = tab | |
insert_final_newline = true | |
trim_trailing_whitespace = true |
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
{ | |
"recommendations": [ | |
"astro-build.astro-vscode", | |
"naumovs.color-highlight", | |
"vunguyentuan.vscode-css-variables", | |
"pucelle.vscode-css-navigation", | |
"rexebin.dracula", | |
"usernamehw.errorlens", | |
"dbaeumer.vscode-eslint", | |
"github.copilot", | |
"gitHub.copilot-chat", | |
"eamodio.gitlens", | |
"antfu.iconify", | |
"ritwickdey.liveserver", | |
"nuxtr.nuxtr-vscode", | |
"oxc.oxc-vscode", | |
"ms-playwright.playwright", | |
"csstools.postcss", | |
"esbenp.prettier-vscode", | |
"YoavBls.pretty-ts-errors", | |
"bradlc.vscode-tailwindcss", | |
"rangav.vscode-thunder-client", | |
"jgclark.vscode-todo-highlight", | |
"chakrounanas.turbo-console-log", | |
"vitest.explorer", | |
"vscode-icons-team.vscode-icons", | |
"vue.volar", | |
"wakatime.vscode-wakatime" | |
] | |
} |
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
[ | |
/*** Format The Document ***/ | |
{ | |
"key": "ctrl+shift+f", | |
"command": "editor.action.formatDocument", | |
"when": "editorTextFocus && !editorReadonly" | |
}, | |
{ | |
"key": "ctrl+f", | |
"command": "prettier.forceFormatDocument", | |
"when": "editorTextFocus && !editorReadonly &&" | |
}, | |
/*** Tailwind: Sort Selection ***/ | |
{ | |
"key": "ctrl+shift+s", | |
"command": "tailwindCSS.sortSelection", | |
"when": "editorHasSelection && tailwindCSS.activeTextEditorSupportsClassSorting" | |
}, | |
/*** Reset Zoom ***/ | |
{ | |
"key": "cmd+escape", | |
"command": "workbench.action.zoomReset" | |
}, | |
/*** Kill Terminal ***/ | |
{ | |
"key": "cmd+shift+k", | |
"command": "workbench.action.terminal.kill", | |
"when": "terminal.visible" | |
}, | |
/*** Redo Previous Action ***/ | |
{ | |
"key": "cmd+r", | |
"command": "redo", | |
"when": "editorTextFocus && !editorReadonly" | |
}, | |
/*** Toggle Comment ***/ | |
{ | |
"key": "cmd+/", | |
"command": "editor.action.commentLine", | |
"when": "editorTextFocus && !editorReadonly" | |
}, | |
{ | |
"key": "cmd+shift+/", | |
"command": "editor.action.blockComment", | |
"when": "editorTextFocus && !editorReadonly" | |
}, | |
/*** Delete Current Line ***/ | |
{ | |
"key": "cmd+backspace", | |
"command": "editor.action.deleteLines", | |
"when": "textInputFocus && !editorReadonly" | |
}, | |
/*** Duplicate Current Line ***/ | |
{ | |
"key": "cmd+d", | |
"command": "editor.action.copyLinesUpAction", | |
"when": "editorTextFocus && !editorReadonly" | |
}, | |
/*** Insert Single Backtick ***/ | |
{ | |
"key": "`", | |
"args": { "snippet": "`" }, | |
"command": "editor.action.insertSnippet", | |
"when": "editorTextFocus && !editorReadonly && !editorHasSelection" | |
}, | |
/*** Add Selection To Next/Previous Match ***/ | |
{ | |
"key": "cmd+shift+n", | |
"command": "editor.action.addSelectionToNextFindMatch", | |
"when": "editorTextFocus && !editorReadonly && editorHasSelection" | |
}, | |
{ | |
"key": "cmd+shift+p", | |
"command": "editor.action.addSelectionToPreviousFindMatch", | |
"when": "editorTextFocus && !editorReadonly && editorHasSelection" | |
}, | |
/*** Go to Definition ***/ | |
{ | |
"key": "ctrl+enter", | |
"command": "editor.action.revealDefinition", | |
"when": "editorHasDefinitionProvider && editorTextFocus" | |
}, | |
/*** `console.log()` ***/ | |
{ | |
"key": "cmd+shift+l", | |
"command": "turboConsoleLog.displayLogMessage", | |
"when": "editorTextFocus && !editorReadonly" | |
}, | |
/*** Disable Default Shortcuts ***/ | |
{ | |
"key": "ctrl+shift+d", | |
"command": "-workbench.view.debug" | |
}, | |
{ | |
"key": "ctrl+shift+.", | |
"command": "-breadcrumbs.toggleToOn" | |
}, | |
{ | |
"key": "ctrl+shift+.", | |
"command": "-breadcrumbs.focusAndSelect" | |
}, | |
{ | |
"key": "cmd+shift+n", | |
"command": "-workbench.action.newWindow" | |
}, | |
{ | |
"key": "ctrl+shift+l", | |
"command": "-editor.action.selectHighlights" | |
}, | |
{ | |
"key": "ctrl+shift+l", | |
"command": "-selectAllSearchEditorMatches" | |
}, | |
{ | |
"key": "ctrl+shift+l", | |
"command": "-addCursorsAtSearchResults" | |
}, | |
{ | |
"key": "ctrl+shift+m", | |
"command": "-workbench.actions.view.problems" | |
}, | |
{ | |
"key": "cmd+n", | |
"command": "-workbench.action.files.newUntitledFile" | |
}, | |
{ | |
"key": "ctrl+r", | |
"command": "-workbench.action.quickOpenNavigateNextInRecentFilesPicker" | |
}, | |
{ | |
"key": "shift+alt+up", | |
"command": "-editor.action.copyLinesUpAction", | |
"when": "editorTextFocus && !editorReadonly" | |
}, | |
{ | |
"key": "shift+alt+down", | |
"command": "-editor.action.copyLinesDownAction", | |
"when": "editorTextFocus && !editorReadonly" | |
}, | |
{ | |
"key": "cmd+escape", | |
"command": "-workbench.action.chat.cancel" | |
}, | |
{ | |
"key": "cmd+numpad0", | |
"command": "-workbench.action.zoomReset" | |
}, | |
{ | |
"key": "ctrl+cmd+f", | |
"command": "-workbench.action.toggleFullScreen", | |
"when": "!isIOS" | |
} | |
] |
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
{ | |
/*** WINDOW ***/ | |
"window.zoomLevel": 1, | |
"breadcrumbs.enabled": false, | |
/*** EXPLORER ***/ | |
"explorer.compactFolders": false, | |
"explorer.confirmDragAndDrop": false, | |
/*** WORKBENCH ***/ | |
"workbench.sideBar.location": "right", | |
"workbench.iconTheme": "vscode-icons", | |
"workbench.list.smoothScrolling": true, | |
"workbench.editor.untitled.labelFormat": "name", | |
"workbench.colorTheme": "Darcula - WebStorm Edition", | |
"workbench.editorAssociations": { | |
"*.svg": "default" | |
}, | |
"workbench.colorCustomizations": { | |
"editor.foreground": "#d1d1d1", | |
"editor.selectionBackground": "#1e3f60", | |
"editor.findMatchBackground": "#264F78" | |
}, | |
/*** FILES ***/ | |
"files.eol": "\n", | |
"files.autoSaveDelay": 500, | |
"files.simpleDialog.enable": true, | |
"files.trimTrailingWhitespace": true, | |
"files.associations": { | |
"*.svg": "html", | |
"*.xml": "html", | |
"*.mdx": "markdown" | |
}, | |
/*** EDITOR ***/ | |
/* Typography */ | |
"editor.fontSize": 14, | |
"editor.lineHeight": 30, | |
"editor.fontWeight": "bold", | |
"editor.letterSpacing": 0.75, | |
"editor.fontLigatures": true, | |
"editor.maxTokenizationLineLength": 2000, | |
"editor.unicodeHighlight.ambiguousCharacters": false, | |
"editor.fontFamily": "Comic Mono, Comic Code, Comic Sans MS", | |
"editor.wordSeparators": "`~!@#$%^&*()[]{}-=+\\|;:'\",.<>/?“”«»", | |
"editor.bracketPairColorization.independentColorPoolPerBracketType": true, | |
/* Indentation */ | |
"editor.tabSize": 2, | |
"editor.wordWrapColumn": 90, | |
"editor.wordWrap": "bounded", | |
"editor.insertSpaces": false, | |
"editor.wrappingIndent": "indent", | |
"editor.detectIndentation": false, | |
"editor.renderWhitespace": "trailing", | |
"[json][jsonc][yaml][yml][toml]": { | |
"editor.wordWrapColumn": 125 | |
}, | |
/* Smart Suggestion */ | |
"editor.quickSuggestionsDelay": 0, | |
"editor.suggest.localityBonus": true, | |
"editor.snippetSuggestions": "inline", | |
"editor.tabCompletion": "onlySnippets", | |
"editor.acceptSuggestionOnEnter": "smart", | |
"editor.suggestSelection": "recentlyUsedByPrefix", | |
"emmet.syntaxProfiles": { | |
"postcss": "css", | |
"tailwindcss": "css" | |
}, | |
"emmet.excludeLanguages": [], | |
"emmet.includeLanguages": { | |
"md": "html", | |
"markdown": "html" | |
}, | |
"editor.quickSuggestions": { | |
"other": true, | |
"strings": true, | |
"comments": true | |
}, | |
/* Formatting */ | |
"editor.formatOnSave": true, | |
"editor.showFoldingControls": "always", | |
"editor.defaultFormatter": "esbenp.prettier-vscode", | |
// Diff Editor | |
"diffEditor.maxFileSize": 0, | |
"diffEditor.ignoreTrimWhitespace": true, | |
/* Miscellaneous */ | |
"editor.linkedEditing": true, | |
"editor.minimap.enabled": false, | |
"editor.cursorBlinking": "expand", | |
"editor.accessibilitySupport": "off", | |
"editor.stickyScroll.enabled": false, | |
"editor.pasteAs.preferences": ["text.updateImports.jsts"], | |
"editor.smartSelect.selectLeadingAndTrailingWhitespace": false, | |
/*** TERMINAL ***/ | |
"terminal.integrated.lineHeight": 1.4, | |
"terminal.integrated.cursorStyle": "line", | |
"terminal.integrated.suggest.enabled": true, | |
"terminal.integrated.smoothScrolling": true, | |
"terminal.integrated.stickyScroll.enabled": true, | |
"terminal.integrated.enableMultiLinePasteWarning": "never", | |
"terminal.integrated.fontFamily": "Comic Mono, Comic Code, Comic Sans MS", | |
"terminal.integrated.suggest.quickSuggestions": { | |
"unknown": "on", | |
"commands": "on", | |
"arguments": "on" | |
}, | |
/*** TOOLS & LANGUAGES ***/ | |
/* JavaScript & TypeScript */ | |
"js/ts.implicitProjectConfig.target": "ESNext", | |
"javascript.preferences.quoteStyle": "single", | |
"typescript.preferences.quoteStyle": "single", | |
"javascript.referencesCodeLens.enabled": true, | |
"typescript.referencesCodeLens.enabled": true, | |
"javascript.suggest.completeFunctionCalls": true, | |
"typescript.suggest.completeFunctionCalls": true, | |
"typescript.implementationsCodeLens.enabled": true, | |
"javascript.updateImportsOnFileMove.enabled": "always", | |
"typescript.updateImportsOnFileMove.enabled": "always", | |
"javascript.referencesCodeLens.showOnAllFunctions": true, | |
"typescript.referencesCodeLens.showOnAllFunctions": true, | |
"typescript.preferences.preferTypeOnlyAutoImports": true, | |
"javascript.preferences.importModuleSpecifierEnding": "js", | |
"typescript.preferences.importModuleSpecifierEnding": "js", | |
"javascript.inlayHints.functionLikeReturnTypes.enabled": true, | |
"typescript.inlayHints.functionLikeReturnTypes.enabled": true, | |
"javascript.preferences.importModuleSpecifier": "non-relative", | |
/* Git */ | |
"git.autofetch": true, | |
"git.mergeEditor": true, | |
"git.confirmSync": false, | |
"git.rebaseWhenSync": true, | |
"git.enableSmartCommit": true, | |
"git.openRepositoryInParentFolders": "always", | |
"[git-commit]": { | |
"editor.rulers": [50, 72] | |
}, | |
/* Markdown */ | |
"markdown.validate.enabled": true, | |
"markdown.occurrencesHighlight.enabled": true, | |
/* CSS */ | |
"css.lint.unknownAtRules": "ignore", | |
"css.lint.fontFaceProperties": "error", | |
"css.format.spaceAroundSelectorSeparator": true, | |
/*** EXTENSIONS ***/ | |
"extensions.experimental.deferredStartupFinishedActivation": true, | |
/* Color Highlight */ | |
"color-highlight.matchWords": true, | |
/* CSS Navigation */ | |
"CSSNavigation.searchAcrossWorkspaceFolders": true, | |
"CSSNavigation.activeHTMLFileExtensions": [ | |
"html", | |
"jsx", | |
"tsx", | |
"mdx", | |
"astro", | |
"vue", | |
"php", | |
"py" | |
], | |
/* Error Lens */ | |
"errorLens.ignoreUntitled": true, | |
"errorLens.enableOnDiffView": true, | |
"errorLens.gutterIconsEnabled": true, | |
"errorLens.statusBarIconsUseBackground": false, | |
"errorLens.respectUpstreamEnabled": { "statusBar": true }, | |
"errorLens.gutterEmoji": { | |
"hint": "🟩", | |
"info": "🟦", | |
"error": "🟥", | |
"warning": "🟨" | |
}, | |
"errorLens.editorHoverPartsEnabled": { | |
"buttonsEnabled": true, | |
"messageEnabled": true, | |
"sourceCodeEnabled": true | |
}, | |
/* ESLint */ | |
"eslint.run": "onSave", | |
"eslint.format.enable": true, | |
"eslint.ignoreUntitled": true, | |
"eslint.lintTask.enable": true, | |
/* GitHub Copilot */ | |
"inlineChat.enableV2": true, | |
"inlineChat.hideOnRequest": true, | |
"github.copilot.chat.followUps": "always", | |
"github.copilot.chat.scopeSelection": true, | |
"github.copilot.chat.codesearch.enabled": true, | |
"github.copilot.chat.agent.thinkingTool": true, | |
"github.copilot.nextEditSuggestions.fixes": true, | |
"github.copilot.nextEditSuggestions.enabled": false, | |
"github.copilot.chat.generateTests.codeLens": true, | |
"github.copilot.chat.search.keywordSuggestions": true, | |
"github.copilot.chat.search.semanticTextResults": true, | |
"github.copilot.chat.edits.temporalContext.enabled": true, | |
"github.copilot.chat.editor.temporalContext.enabled": true, | |
"github.copilot.chat.languageContext.typescript.enabled": true, | |
"github.copilot.advanced": { | |
"useLanguageServer": true | |
}, | |
"github.copilot.enable": { | |
"*": true, | |
"yaml": true, | |
"scminput": true, | |
"markdown": true, | |
"plaintext": true | |
}, | |
/* GitLens */ | |
"gitlens.graph.minimap.enabled": false, | |
"gitlens.codeLens.authors.enabled": false, | |
"gitlens.codeLens.recentChange.enabled": false, | |
"gitlens.graph.minimap.additionalTypes": [ | |
"localBranches", | |
"stashes", | |
"remoteBranches", | |
"pullRequests", | |
"tags" | |
], | |
/* Iconify IntelliSense */ | |
"iconify.inplace": false, | |
/* Live Server */ | |
"liveServer.settings.wait": 0, | |
"liveServer.settings.port": 5000, | |
"liveServer.settings.donotVerifyTags": true, | |
"liveServer.settings.donotShowInfoMsg": true, | |
/* Nuxtr */ | |
"nuxtr.vueFiles.firstTag": "script", | |
"nuxtr.openItemsAfterCreation": true, | |
"nuxtr.vueFiles.style.addStyleTag": false, | |
"nuxtr.vueFiles.style.alwaysScoped": true, | |
"nuxtr.piniaFiles.defaultTemplate": "setup", | |
/* Oxc */ | |
"oxc.lint.run": "onSave", | |
/* Prettier */ | |
"prettier.useTabs": true, | |
"prettier.printWidth": 90, | |
"prettier.singleQuote": true, | |
"prettier.trailingComma": "all", | |
"prettier.jsxSingleQuote": true, | |
"prettier.quoteProps": "consistent", | |
/* Tailwind CSS IntelliSense */ | |
"tailwindCSS.emmetCompletions": true, | |
/* Todo Highlight */ | |
"todohighlight.include": [ | |
"**/*.txt", | |
"**/*.md", | |
"**/*.json", | |
"**/*.jsonc", | |
"**/*.yml", | |
"**/*.yaml", | |
"**/*.toml", | |
"**/*.svg", | |
"**/*.html", | |
"**/*.css", | |
"**/*.scss", | |
"**/*.js", | |
"**/*.ts", | |
"**/*.cjs", | |
"**/*.cts", | |
"**/*.mjs", | |
"**/*.mts", | |
"**/*.jsx", | |
"**/*.tsx", | |
"**/*.vue", | |
"**/*.astro", | |
"**/*.gql", | |
"**/*.graphql", | |
"**/.zshrc", | |
"**/.gitmessage", | |
"**/Dockerfile", | |
"**/.dockerignore", | |
"**/*.code-snippets" | |
], | |
"todohighlight.exclude": [ | |
"**/*.map", | |
"**/*.min.*", | |
"**/dist/**", | |
"**/build/**", | |
"**/.nuxt/**", | |
"**/.next/**", | |
"**/.github/**", | |
"**/.output/**", | |
"**/_output/**", | |
"**/.vscode-test/**", | |
"**/node_modules/**", | |
"**/bower_components/**" | |
], | |
"todohighlight.defaultStyle": { | |
"color": "#dadada", | |
"borderRadius": "4px", | |
"backgroundColor": "#1e1e1e", | |
"overviewRulerColor": "transparent" | |
}, | |
"todohighlight.isCaseSensitive": false, | |
"todohighlight.keywords": [ | |
{ | |
// Highlight the whole line if it contains `### ... ###`, `<!--- ... -->`, or `/*** ... ***/`. | |
"text": "(#{3}.*?#{3})|(\\/\\*{3}[^\\*]*\\*{3}\\/)|(<\\!-{3}[^<]*-{3}>)", | |
"regex": { | |
"pattern": "(#{3}.*?#{3})|(\\/\\*{3}[^\\*]*\\*{3}\\/)|(<\\!-{3}[^<]*-{3}>)" | |
}, | |
"color": "#e6e6e6", | |
"isWholeLine": true, | |
"borderRadius": "0px", | |
"backgroundColor": "#3c3c3c" | |
}, | |
{ | |
// Highlight text between backticks within single-line comments (`# ...` or `// ...`). | |
"text": "(?<=(?:#|//).*?)`[^`\n]*`", | |
"regex": { "pattern": "(?<=(?:#|//).*?)`[^`\n]*`" } | |
}, | |
{ | |
// Highlight text between backticks within multi-line comments (`<!-- ... -->` or `/* ... */`). | |
/* It's an issue when the comment's starting signature (`<!--` or `/*`) is repeated whitin itself. */ | |
"text": "(?<=\\/(?:\\*|\\*\\*)[^*]*?|<!--[^>]*?)(?<!`)(`[^`]*?`)(?=[^*]*?\\*\\/|[^<]*?-->)", | |
"regex": { | |
"pattern": "(?<=\\/(?:\\*|\\*\\*)[^*]*?|<!--[^>]*?)(?<!`)(`[^`]*?`)(?=[^*]*?\\*\\/|[^<]*?-->)" | |
} | |
} | |
], | |
/* Turbo Console Log */ | |
"turboConsoleLog.quote": "`", | |
"turboConsoleLog.logMessagePrefix": "", | |
"turboConsoleLog.includeLineNum": true, | |
"turboConsoleLog.addSemicolonInTheEnd": true, | |
"turboConsoleLog.delimiterInsideMessage": ">", | |
"turboConsoleLog.insertEnclosingFunction": false, | |
/* VS Code Icons */ | |
"vsicons.dontShowNewVersionMessage": true, | |
"vsicons.associations.files": [ | |
{ "extensions": ["vitest.nuxt.config.ts"], "icon": "vitest", "filename": true } | |
], | |
"vsicons.associations.folders": [ | |
{ "extensions": ["content"], "icon": "docs" }, | |
{ "extensions": ["dto", "dtos"], "icon": "model" }, | |
{ "extensions": ["(view)", "(views)"], "icon": "view" }, | |
{ "extensions": ["_types", "_@types"], "icon": "typings" }, | |
{ "extensions": ["_helper", "_helpers"], "icon": "helper" }, | |
{ "extensions": ["_util", "_utils", "_utilities"], "icon": "tools" }, | |
{ "extensions": ["_component", "_components"], "icon": "component" }, | |
{ "extensions": ["layout", "layouts", "_layout", "_layouts"], "icon": "mjml" } | |
], | |
/* Vue - Official */ | |
"vue.splitEditors.icon": true, | |
"vue.autoInsert.dotValue": true, | |
"vue.format.style.initialIndent": true, | |
"vue.complete.casing.props": "autoCamel", | |
"vue.updateImportsOnFileMove.enabled": true, | |
"vue.splitEditors.layout.right": ["styles", "customBlocks"], | |
"vue.splitEditors.layout.left": ["scriptSetup", "script", "template"] | |
} |
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
{ | |
/*** HTML ***/ | |
"HTML Boilerplate": { | |
"scope": "html", | |
"prefix": "html-boilerplate", | |
"body": [ | |
"<!DOCTYPE html>", | |
"<html lang=\"en\" dir=\"ltr\">", | |
"<head>", | |
"<meta charset=\"UTF-8\" />", | |
"<title>${1:Document}</title>", | |
"<meta name=\"color-scheme\" content=\"dark\" />", | |
"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">", | |
"</head>", | |
"", | |
"<body></body>", | |
"</html>" | |
] | |
}, | |
/*** CSS ***/ | |
"Basic Reset": { | |
"scope": "css,scss,tailwindcss,vue,astro", | |
"prefix": "reset", | |
"body": [ | |
":where(*, *::before, *::after) {", | |
"margin: 0;", | |
"padding: 0;", | |
"box-sizing: border-box;", | |
"font-family: inherit;", | |
"-webkit-font-smoothing: antialiased;", | |
"}", | |
"html {", | |
"/* By default, “1rem == 16px” and “1rem == 10px” is preferred => “10px / 16px === 0.625 === 62.5%” */", | |
"/* font-size: 62.5%; */", | |
"/* font-size: calc(15px + 0.390625vw); reference: https://matthewjamestaylor.com/responsive-font-size", | |
"} */", | |
"font-size: calc(1.0625rem + 0.2604vw); /* reference: https://jameshfisher.com/2024/03/12/a-formula-for-responsive-font-size/ */", | |
"}", | |
"body {", | |
"font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', sans-serif;", | |
"padding: calc(8px + 1.5625vw); /* reference: https://matthewjamestaylor.com/responsive-padding */", | |
"min-height: 100vh;", | |
"display: grid;", | |
"place-content: center;", | |
"/* color: #353535; */", | |
"/* background-color: #f5f5f5; */", | |
"}", | |
"" | |
] | |
}, | |
"Media query": { | |
"scope": "css,scss,tailwindcss,vue,astro", | |
"prefix": "media query min", | |
"body": [ | |
"@media screen and (min-width: $1em) {", | |
" $0", | |
"}" | |
] | |
}, | |
/*** JavaScript & TypeScript ***/ | |
"Get Element By ID": { | |
"scope": "javascript,typescript", | |
"prefix": "getId", | |
"body": "document.getElementById('$1')$0" | |
}, | |
"Get The First Element By CSS Selector": { | |
"scope": "javascript,typescript", | |
"prefix": "query", | |
"body": "document.querySelector('$1')$0" | |
}, | |
"Get All Elements By CSS Selector": { | |
"scope": "javascript,typescript", | |
"prefix": "queryAll", | |
"body": "document.querySelectorAll('$1')$0" | |
}, | |
"Add Class": { | |
"scope": "javascript,typescript", | |
"prefix": ".addClass", | |
"body": [ | |
".classList.add('$0')" | |
] | |
}, | |
"Remove Class": { | |
"scope": "javascript,typescript", | |
"prefix": ".removeClass", | |
"body": [ | |
".classList.remove('$0')" | |
] | |
}, | |
"Arrow Function": { | |
"scope": "javascript,typescript", | |
"prefix": "arrowFunc", | |
"body": "(${1:event}) => {$0}" | |
}, | |
"Anonymous Function": { | |
"scope": "javascript,typescript", | |
"prefix": "anonymousFunc", | |
"body": [ | |
"(${1:event}) => {", | |
" $0", | |
"}" | |
] | |
}, | |
"IIFE (Immediately-Invoked Function Expression)": { | |
"scope": "javascript,typescript", | |
"prefix": "iife", | |
"body": [ | |
"(function ${1:name}(${2:event}) {", | |
" $0", | |
"})()" | |
] | |
}, | |
"Promise": { | |
"scope": "javascript,typescript", | |
"prefix": "promise", | |
"body": [ | |
"new Promise((resolve, reject) => {", | |
" $0", | |
"})" | |
] | |
}, | |
"Then": { | |
"scope": "javascript,typescript", | |
"prefix": ".then", | |
"body": [ | |
".then(response => {$0}).catch(error => {})" | |
] | |
}, | |
"Pinia Options Store Boilerplate": { | |
"scope": "javascript,typescript", | |
"prefix": "pinia-options", | |
"body": [ | |
"import { defineStore, acceptHMRUpdate } from 'pinia'", | |
"", | |
"export const use${TM_FILENAME_BASE/^(.*)$/${1:/pascalcase}/}Store = defineStore('$TM_FILENAME_BASE', {", | |
" state: () => ({", | |
" $0", | |
" }),", | |
" getters: {},", | |
" actions: {},", | |
"})", | |
"", | |
"const HMR = import.meta.hot", | |
"if (HMR) HMR.accept(acceptHMRUpdate(use${TM_FILENAME_BASE/^(.*)$/${1:/pascalcase}/}Store, HMR))" | |
] | |
}, | |
"Pinia Setup Store Boilerplate": { | |
"scope": "javascript,typescript", | |
"prefix": "pinia-setup", | |
"body": [ | |
"import { defineStore, acceptHMRUpdate } from 'pinia'", | |
"", | |
"export const use${TM_FILENAME_BASE/^(.*)$/${1:/pascalcase}/}Store = defineStore('$TM_FILENAME_BASE', () => {", | |
" $0", | |
" return {}", | |
"})", | |
"", | |
"const HMR = import.meta.hot", | |
"if (HMR) HMR.accept(acceptHMRUpdate(use${TM_FILENAME_BASE/^(.*)$/${1:/pascalcase}/}Store, HMR))" | |
] | |
}, | |
/*** Vue ***/ | |
"Vue SFC Boilerplate": { | |
"scope": "vue", | |
"prefix": "vue-sfc", | |
"body": [ | |
"<script lang=\"ts\" setup>", | |
"", | |
"</script>", | |
"", | |
"<template>", | |
"$0", | |
"</template>", | |
"", | |
"<style scoped></style>" | |
] | |
} | |
} |
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
{ | |
"compilerOptions": { | |
"strict": true, | |
"noEmit": true, | |
"checkJs": true, | |
"target": "ESNext", | |
"incremental": true, | |
"module": "NodeNext", | |
"noEmitOnError": true, | |
"noUnusedLocals": true, | |
"removeComments": true, | |
"moduleDetection: "force", | |
"resolveJsonModule": true, | |
"noImplicitReturns": true, | |
"noImplicitOverride": true, | |
"erasableSyntaxOnly": true, | |
"noUnusedParameters": true, | |
"verbatimModuleSyntax": true, | |
"allowUnreachableCode": false, | |
"allowArbitraryExtensions": true, | |
"noUncheckedIndexedAccess": true, | |
"allowImportingTsExtensions": true, | |
"noFallthroughCasesInSwitch": true, | |
"exactOptionalPropertyTypes": true, | |
"noUncheckedSideEffectImports": true | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment