Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/manuelgil/vscode-react-pack

Essential extensions for React development. Includes support for React, TypeScript, JavaScript, JSON, Git, Markdown, and more.
https://github.com/manuelgil/vscode-react-pack

extension-pack extensions javascript js json jsx react reactjs vscode vscode-extension

Last synced: about 1 month ago
JSON representation

Essential extensions for React development. Includes support for React, TypeScript, JavaScript, JSON, Git, Markdown, and more.

Host: GitHub
URL: https://github.com/manuelgil/vscode-react-pack
Owner: ManuelGil
License: mit
Created: 2023-12-21T00:15:43.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2024-11-17T05:14:53.000Z (about 1 month ago)
Last Synced: 2024-11-17T06:19:37.582Z (about 1 month ago)
Topics: extension-pack, extensions, javascript, js, json, jsx, react, reactjs, vscode, vscode-extension
Homepage: https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-react-pack
Size: 52.7 KB
Stars: 1
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE

Awesome Lists containing this project

README

        # React Essential Extension Pack

[![Visual Studio Marketplace Version](https://img.shields.io/visual-studio-marketplace/v/imgildev.vscode-react-pack?style=for-the-badge&label=VS%20Marketplace&logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-react-pack)

[![Visual Studio Marketplace Installs](https://img.shields.io/visual-studio-marketplace/i/imgildev.vscode-react-pack?style=for-the-badge&logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-react-pack)

[![Visual Studio Marketplace Downloads](https://img.shields.io/visual-studio-marketplace/d/imgildev.vscode-react-pack?style=for-the-badge&logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-react-pack)

[![Visual Studio Marketplace Rating](https://img.shields.io/visual-studio-marketplace/r/imgildev.vscode-react-pack?style=for-the-badge&logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-react-pack&ssr=false#review-details)

[![GitHub Repo stars](https://img.shields.io/github/stars/ManuelGil/vscode-react-pack?style=for-the-badge&logo=github)](https://github.com/ManuelGil/vscode-react-pack)

[![GitHub license](https://img.shields.io/github/license/ManuelGil/vscode-react-pack?style=for-the-badge&logo=github)](https://github.com/ManuelGil/vscode-react-pack/blob/main/LICENSE)

This extension pack for Visual Studio Code adds extensions that are amazingly useful for React, TypeScript, and JavaScript development.

## Requirements

- VSCode 1.46.0 or later

## Extensions included

### React

- [ES7 React snippets](https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets)

- [Vercel for VS Code](https://marketplace.visualstudio.com/items?itemName=HaydenBleasel.vercel-vscode)

- [styled-jsx](https://marketplace.visualstudio.com/items?itemName=blanu.vscode-styled-jsx)

- [React File Generator](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-nextjs-generator)

- [GraphQL: Language Feature Support](https://marketplace.visualstudio.com/items?itemName=GraphQL.vscode-graphql)

- [Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)

- [vscode-styled-components](https://marketplace.visualstudio.com/items?itemName=styled-components.vscode-styled-components)

### TypeScript

- [TypeScript Importer](https://marketplace.visualstudio.com/items?itemName=pmneo.tsimporter)

- [Auto Import](https://marketplace.visualstudio.com/items?itemName=steoates.autoimport)

- [Move TS](https://marketplace.visualstudio.com/items?itemName=stringham.move-ts)

- [Import Cost](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost)

- [Pretty TypeScript Errors](https://marketplace.visualstudio.com/items?itemName=yoavbls.pretty-ts-errors)

- [JavaScript and TypeScript Nightly](https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-typescript-next)

- [JSON to TS](https://marketplace.visualstudio.com/items?itemName=MariusAlchimavicius.json-to-ts)

### Markdown

- [Markdown All in One](https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one)

- [Markdown Lint](https://marketplace.visualstudio.com/items?itemName=davidanson.vscode-markdownlint)

- [Paste Image](https://marketplace.visualstudio.com/items?itemName=mushan.vscode-paste-image)

- [Markdown Preview Enhanced](https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced)

### Git

- [Conventional Commits](https://marketplace.visualstudio.com/items?itemName=vivaxy.vscode-conventional-commits)

- [Git Graph](https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph)

- [Gitignore](https://marketplace.visualstudio.com/items?itemName=codezombiech.gitignore)

- [GitLab Workflow](https://marketplace.visualstudio.com/items?itemName=gitlab.gitlab-workflow)

- [GitLens](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens)

### Code Style

- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)

- [Prettier - Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)

- [Auto Close Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag)

- [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)

- [Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments)

- [Highlight Matching Tag](https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag)

- [Indent Rainbow](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow)

- [Rainbow CSV](https://marketplace.visualstudio.com/items?itemName=mechatroner.rainbow-csv)

- [Trailing Spaces](https://marketplace.visualstudio.com/items?itemName=shardulm94.trailing-spaces)

### Other

- [Auto Barrel](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-auto-barrel)

- [Error Lens](https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens)

- [DotENV](https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv)

- [Draw Folder Structure](https://marketplace.visualstudio.com/items?itemName=jmkrivocapich.drawfolderstructure)

- [EditorConfig for VS Code](https://marketplace.visualstudio.com/items?itemName=editorconfig.editorconfig)

- [Image preview](https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview)

- [JSON Flow](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-json-flow)

- [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.liveserver)

- [Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense)

- [Color Highlight](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight)

- [Todo Tree](https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree)

## Authors

- **Manuel Gil** - _Owner_ - [ManuelGil](https://github.com/ManuelGil)

See also the list of [contributors](https://github.com/ManuelGil/vscode-react-pack/contributors) who participated in this project.

## License

React Essential Extension Pack is licensed under the MIT License - see the [MIT License](https://opensource.org/licenses/MIT) for details.