├── .gitignore ├── icon.png ├── .gitattributes ├── .vscode ├── settings.json └── launch.json ├── .vscodeignore ├── test └── index.vue ├── package.json └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | *.vsix 3 | -------------------------------------------------------------------------------- /icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wscats/vue-extension-pack/HEAD/icon.png -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "vue3snippets.enable-compile-vue-file-on-did-save-code": false 3 | } -------------------------------------------------------------------------------- /.vscodeignore: -------------------------------------------------------------------------------- 1 | .vscode/** 2 | .vscode-test/** 3 | .gitignore 4 | vsc-extension-quickstart.md 5 | test/** 6 | -------------------------------------------------------------------------------- /test/index.vue: -------------------------------------------------------------------------------- 1 | 7 | 8 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /.vscode/launch.json: -------------------------------------------------------------------------------- 1 | // A launch configuration that launches the extension inside a new window 2 | // Use IntelliSense to learn about possible attributes. 3 | // Hover to view descriptions of existing attributes. 4 | // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 5 | { 6 | "version": "0.2.0", 7 | "configurations": [ 8 | { 9 | "name": "Extension", 10 | "type": "extensionHost", 11 | "request": "launch", 12 | "args": [ 13 | "--extensionDevelopmentPath=${workspaceFolder}" 14 | ] 15 | } 16 | ] 17 | } -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "vue-extensionpack", 3 | "displayName": "Vue Extension Pack", 4 | "description": "🚚Popular VS Code extensions for Vue.js development.", 5 | "version": "0.0.6", 6 | "galleryBanner": { 7 | "color": "#58bc58", 8 | "theme": "dark" 9 | }, 10 | "publisher": "Wscats", 11 | "icon": "icon.png", 12 | "repository": { 13 | "url": "https://github.com/Wscats/vue-extension-pack" 14 | }, 15 | "homepage": "https://github.com/Wscats/vue-extension-pack", 16 | "bugs": { 17 | "url": "https://github.com/Wscats/vue-extension-pack/issues" 18 | }, 19 | "keywords": [ 20 | "vue", 21 | "vuejs", 22 | "extension pack", 23 | "vue extension collection", 24 | "eslint", 25 | "javascript", 26 | "format", 27 | "vutur", 28 | "snippets", 29 | "intellisense", 30 | "git" 31 | ], 32 | "scripts": { 33 | "build": "vsce package" 34 | }, 35 | "engines": { 36 | "vscode": "^1.51.0" 37 | }, 38 | "categories": [ 39 | "Extension Packs" 40 | ], 41 | "extensionPack": [ 42 | "octref.vetur", 43 | "Wscats.vue", 44 | "wscats.html-snippets", 45 | "CoenraadS.bracket-pair-colorizer", 46 | "Wscats.search", 47 | "dbaeumer.vscode-eslint", 48 | "eamodio.gitlens", 49 | "streetsidesoftware.code-spell-checker", 50 | "christian-kohler.npm-intellisense", 51 | "visualstudioexptteam.vscodeintellicode" 52 | ] 53 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Vue Extension Pack 2 | 3 | A useful extension collection to start developing with Vue in Visual Studio Code. 4 | 5 | ## Extensions Included 6 | 7 | - [Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur) - Vue tooling for VS Code. 8 | - [Vue 3 Snippets Highlight Formatters](https://marketplace.visualstudio.com/items?itemName=Wscats.vue) - Vue 2 && 3 Code Snippets, Syntax Highlight And Code Formatters Into Visual Studio Code. 9 | - [HTML/CSS/JavaScript Snippets](https://marketplace.visualstudio.com/items?itemName=Wscats.html-snippets) - HTML/CSS/JavaScript/Jade/Pug/Less/Sass/Stylus/ES6 Snippets Support. 10 | - [Bracket Pair Colorizer](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer) - A customizable extension for colorizing matching brackets. 11 | - [Search Hero - Google/Bing/Baidu/Wiki/Yahoo/Github/Npm Engine](https://marketplace.visualstudio.com/items?itemName=Wscats.search) - 🔍Support search and translate online. 12 | - [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) - Integrates ESLint JavaScript into VS Code. 13 | - [GitLens — Git supercharged](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens) - Supercharge the Git capabilities built into Visual Studio Code — 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 14 | - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Spelling checker for source code. 15 | - [NPM Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense) - Visual Studio Code plugin that autocompletes npm modules in import statements. 16 | - [Visual Studio IntelliCode](https://marketplace.visualstudio.com/items?itemName=visualstudioexptteam.vscodeintellicode) - AI-assisted development. 17 | 18 | ## Relevant Links 19 | 20 | - [Vue Extension Pack Github](https://github.com/Wscats/vue-extension-pack) 21 | - [Vue Extension Pack Marketplace](https://marketplace.visualstudio.com/items?itemName=Wscats.vue-extensionpack) 22 | 23 | **Enjoy!** 24 | --------------------------------------------------------------------------------