├── .gitignore ├── icon.png ├── icon.psd ├── .gitattributes ├── .vscodeignore ├── .vscode └── launch.json ├── package.json └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | *.vsix 3 | -------------------------------------------------------------------------------- /icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wscats/react-extension-pack/main/icon.png -------------------------------------------------------------------------------- /icon.psd: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wscats/react-extension-pack/main/icon.psd -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | -------------------------------------------------------------------------------- /.vscodeignore: -------------------------------------------------------------------------------- 1 | .vscode/** 2 | .vscode-test/** 3 | .gitignore 4 | vsc-extension-quickstart.md 5 | icon.psd 6 | -------------------------------------------------------------------------------- /.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": "react-extension-pack", 3 | "displayName": "React Extension Pack", 4 | "description": "🚚Popular VS Code extensions for react.js development.", 5 | "version": "0.0.4", 6 | "engines": { 7 | "vscode": "^1.51.0" 8 | }, 9 | "categories": [ 10 | "Extension Packs" 11 | ], 12 | "galleryBanner": { 13 | "color": "#58bc58", 14 | "theme": "dark" 15 | }, 16 | "publisher": "Wscats", 17 | "icon": "icon.png", 18 | "repository": { 19 | "url": "https://github.com/Wscats/react-extension-pack" 20 | }, 21 | "homepage": "https://github.com/Wscats/react-extension-pack", 22 | "bugs": { 23 | "url": "https://github.com/Wscats/react-extension-pack/issues" 24 | }, 25 | "keywords": [ 26 | "react", 27 | "reactjs", 28 | "extension pack", 29 | "react extension collection", 30 | "eslint", 31 | "javascript", 32 | "format", 33 | "snippets", 34 | "intellisense", 35 | "git" 36 | ], 37 | "scripts": { 38 | "build": "vsce package" 39 | }, 40 | "extensionPack": [ 41 | "dsznajder.es7-react-js-snippets", 42 | "wscats.html-snippets", 43 | "dbaeumer.vscode-eslint", 44 | "CoenraadS.bracket-pair-colorizer", 45 | "Wscats.search", 46 | "eamodio.gitlens", 47 | "streetsidesoftware.code-spell-checker", 48 | "christian-kohler.npm-intellisense", 49 | "visualstudioexptteam.vscodeintellicode", 50 | "esbenp.prettier-vscode" 51 | ] 52 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # React Extension Pack 2 | 3 | A useful extension collection to start developing with React in Visual Studio Code. 4 | 5 | ## Extensions Included 6 | 7 | - [ES7 React/Redux/GraphQL/React-Native snippets](https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets) - Simple extensions for React, Redux and Graphql in JS/TS with ES7 syntax. 8 | - [HTML/CSS/JavaScript Snippets](https://marketplace.visualstudio.com/items?itemName=Wscats.html-snippets) - HTML/CSS/JavaScript/Jade/Pug/Less/Sass/Stylus/ES6 Snippets Support. 9 | - [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) - Integrates ESLint JavaScript into VS Code. 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 | - [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 13 | - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Spelling checker for source code. 14 | - [NPM Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense) - Visual Studio Code plugin that autocompletes npm modules in import statements. 15 | - [Visual Studio IntelliCode](https://marketplace.visualstudio.com/items?itemName=visualstudioexptteam.vscodeintellicode) - AI-assisted development. 16 | - [Prettier - Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Code formatter using prettier. 17 | 18 | ## Relevant Links 19 | 20 | - [React Extension Pack Github](https://github.com/Wscats/react-extension-pack) 21 | - [React Extension Pack Marketplace](https://marketplace.visualstudio.com/items?itemName=Wscats.react-extensionpack) 22 | 23 | **Enjoy!** 24 | --------------------------------------------------------------------------------