{"id":29011375,"url":"https://github.com/shekhardtu/vuejs-workbox","last_synced_at":"2025-06-25T17:12:19.954Z","repository":{"id":44490718,"uuid":"124890959","full_name":"shekhardtu/vuejs-workbox","owner":"shekhardtu","description":"A Vue.js development environment setup to code with popular and useful Vue.js extensions.","archived":false,"fork":false,"pushed_at":"2023-12-15T17:37:36.000Z","size":51,"stargazers_count":4,"open_issues_count":2,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2023-12-15T18:49:21.992Z","etag":null,"topics":["vscode-extension","vscode-plugin","vue-extension-pack","vuejs","vuejs-extension-pack","vuejs-workbox"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/shekhardtu.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-03-12T13:10:22.000Z","updated_at":"2023-03-22T04:32:12.000Z","dependencies_parsed_at":"2022-09-21T08:50:24.269Z","dependency_job_id":null,"html_url":"https://github.com/shekhardtu/vuejs-workbox","commit_stats":null,"previous_names":[],"tags_count":4,"template":null,"template_full_name":null,"purl":"pkg:github/shekhardtu/vuejs-workbox","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shekhardtu%2Fvuejs-workbox","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shekhardtu%2Fvuejs-workbox/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shekhardtu%2Fvuejs-workbox/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shekhardtu%2Fvuejs-workbox/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shekhardtu","download_url":"https://codeload.github.com/shekhardtu/vuejs-workbox/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shekhardtu%2Fvuejs-workbox/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261917433,"owners_count":23229919,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["vscode-extension","vscode-plugin","vue-extension-pack","vuejs","vuejs-extension-pack","vuejs-workbox"],"created_at":"2025-06-25T17:12:19.301Z","updated_at":"2025-06-25T17:12:19.928Z","avatar_url":"https://github.com/shekhardtu.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# [Vue.js Extension Pack](https://marketplace.visualstudio.com/items?itemName=shekhardtu.vuejspack)\n\n## A vuejs development environment setup to code with popular and useful vuejs extensions. I can assure you this will the last extension pack for vuejs development that you will ever be needed. Happy coding! Cheers!\n\n#### Please read the recommended workplace settings to enable all extension features.\n\n### Brief of included extensions\n\n- [vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur) -\n  Vue tooling for VS Code, powered by vue-language-server.\n\n- [vue-peek](https://marketplace.visualstudio.com/items?itemName=dariofuzinato.vue-peek) -\n  This extension extends Vue code editing with Go To Definition and Peek Definition support for components and filenames in single-file components with a .vue extension. It allows quickly jumping to or peeking into files that are referenced as components (from the template), or as module imports\n\n- [auto-rename-tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag) -\n  Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.\n\n- [auto-close-tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag) -\n  Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text does.\n\n- [npm](https://marketplace.visualstudio.com/items?itemName=eg2.vscode-npm-script) -\n  This extension supports running npm scripts defined in the package.json file and validating the installed modules against the dependencies defined in the package.jso\n\n- [NPM IntelliSense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense) -\n  Visual Studio Code plugin that autocompletes npm modules in import statements\n\n- [Prettier - Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) -\n  VS Code package to format your JavaScript / TypeScript / CSS using Prettier.\n\n- [Sorting HTML and Jade attributes](https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-attrs-sorter) -\n  Sorting of the tag attributes in the specified order.\n- [Bracket Pair Colorizer](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer) -\n  This extension allows matching brackets to be identified with colours. The user can define which characters to match, and which colours to use.\n- [Import Cost VSCode](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost) - This extension will display inline in the editor the size of the imported package. The extension utilizes webpack with babili-webpack-plugin in order to detect the imported size.\n\n- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) - Integrates [ESLint](http://eslint.org/) into VS Code. If you are new to ESLint check the [documentation](http://eslint.org/).\n\n- [GitLens](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens) - GitLens supercharges the Git capabilities built into Visual Studio Code. It helps you to visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more.\n\n- [Highlight TODO, FIXME, or whatever annotations.](https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight) - Another plugin to ensure maintainability of your scalable project. Highlight TODO, FIXME, or whatever annotations.\n\n- [vscode-icons](https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons) - Love to see relatable file/folder icons? This will bring beautiful icons to your folder/files.\n\n- [JavaScript (ES6) code snippets](https://marketplace.visualstudio.com/items?itemName=xabikos.javascriptsnippets) - This extension contains code snippets for JavaScript in ES6 syntax for Vs Code editor (supports both JavaScript and TypeScript). Code snippets are also supported with vuejs files.\n\n## Paste these recommended settings in VS code workspace settings to supercharged your vs code.\n\n```JSON\n{\n  \"eslint.enable\": true,\n  \"window.zoomLevel\": 1,\n  \"files.trimTrailingWhitespace\": true,\n  \"prettier.singleQuote\": true,\n  \"prettier.trailingComma\": \"es5\",\n  \"prettier.eslintIntegration\": true,\n  \"prettier.disableLanguages\": [],\n  \"eslint.autoFixOnSave\": true,\n  \"editor.insertSpaces\": true,\n  \"editor.formatOnSave\": true, // only if you want auto      //fomattting on saving the file\n  \"editor.detectIndentation\": true,\n  \"editor.tabSize\": 2,\n  \"editor.formatOnPaste\": false,\n  \"editor.formatOnType\": true,\n  \"editor.renderControlCharacters\": true,\n  \"editor.renderWhitespace\": \"all\",\n  \"files.exclude\": {\n    \"**/node_modules\": true,\n    \".gitignore\": true,\n    \".eslintignore\": true,\n    \".eslintrc.js\": false,\n    \".babelrc\": true,\n    \".editorconfig\": true,\n    \".postcssrc.js\": true,\n    \".jshintrc\": true,\n    \"build\": true,\n    \"config\": true\n  },\n  \"eslint.validate\": [\n    {\n      \"autoFix\": true,\n      \"language\": \"javascript\"\n    },\n    {\n      \"autoFix\": true,\n      \"language\": \"vue\"\n    }\n  ],\n  \"attrsSorter.order\": [\"is\", \"v-for\", \"v-if\", \"v-else-if\", \"v-else\", \"v-show\", \"v-cloak\", \"v-once\", \"v-pre\", \"id\", \"ref\", \"key\", \"slot\", \"v-model\", \"v-model.+\", \"v-bind\", \"v-bind.+\", \":.+\", \"v-text\", \"v-text.+\", \"v-html\", \"v-html.+\", \"class\", \"v-on.+\", \"@.+\", \"name\", \"data-.+\", \"ng-.+\", \"src\", \"for\", \"type\", \"href\", \"values\", \"title\", \"alt\", \"role\", \"aria-.+\", \"$unknown$\"]\n}\n```\n\n- Todo Extension Settings:\n\n- `todohighlight.isEnable`: enable/disable this extension\n  - type: boolean\n  - default: `true`\n- `todohighlight.isCaseSensitive`: whether the keywords are case sensitive or not.\n  - type: boolean\n  - default: `false`\n- `todohighlight.toggleURI`: if the file uri within the output channel is not clickable, set this to true to toggle the uri patten between `\u003cpath\u003e#\u003cline\u003e` and `\u003cpath\u003e:\u003cline\u003e:\u003ccolumn\u003e`\n  - type: boolean\n  - default: `false`\n- `todohighlight.keywords`: annotations that will be highlighted. The pattern is plain string or escaped RegExp string. e.g. `TODO:`, `\\\\bTODO\\\\b`.\n  - type: Array\u003cstring|[DecorationRenderOptions](https://code.visualstudio.com/docs/extensionAPI/vscode-api#DecorationRenderOptions)\u003e\n  - default:\n\n## Credits\n\n- Vuejs workbox has created with the help of above mention plugins. Thanks go to the original authors and contributors of the above mentioned plugin.\n\n**Enjoy!**\n\n\u003e Feel free to send pull requests with updates.\n\n```\n\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshekhardtu%2Fvuejs-workbox","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshekhardtu%2Fvuejs-workbox","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshekhardtu%2Fvuejs-workbox/lists"}