Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/ibrahimcesar/vscode-extensions-pack-nextjs-webdev

⚡ Opinionated extension pack to a great experience and performance on developing web application in VS Code with NextJS
https://github.com/ibrahimcesar/vscode-extensions-pack-nextjs-webdev

hacktoberfest nextjs productivity visual-studio-code vscode vscode-extension webdev webdevelopment

Last synced: 11 days ago
JSON representation

⚡ Opinionated extension pack to a great experience and performance on developing web application in VS Code with NextJS

Host: GitHub
URL: https://github.com/ibrahimcesar/vscode-extensions-pack-nextjs-webdev
Owner: ibrahimcesar
License: mit
Created: 2021-07-20T12:42:44.000Z (over 3 years ago)
Default Branch: main
Last Pushed: 2021-07-27T17:27:35.000Z (over 3 years ago)
Last Synced: 2024-07-31T08:17:23.091Z (3 months ago)
Topics: hacktoberfest, nextjs, productivity, visual-studio-code, vscode, vscode-extension, webdev, webdevelopment
Homepage: https://marketplace.visualstudio.com/items?itemName=IbrahimCesar.ibrahimcesar-nextjs-developer-pack
Size: 38.1 KB
Stars: 8
Watchers: 3
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE

Awesome Lists containing this project

awesome - ibrahimcesar/vscode-extensions-pack-nextjs-webdev - ⚡ Opinionated extension pack to a great experience and performance on developing web application in VS Code with NextJS (miscellaneous)

README

         


  
⚡  NextJS Developer Extensions Pack

  Opinionated extension pack to a great experience and performance on developing web application in VS Code with NextJS


Bundled in 🇧🇷 Brazil






## Included extensions

- [**Auto Close Tag**](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag): _Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text_

- [**Auto Rename Tag**](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag): _Auto rename paired HTML/XML tag_

- [**axe Accessibility Linter**](https://marketplace.visualstudio.com/items?itemName=deque-systems.vscode-axe-linter): _Coding for accessibility made easy._

- [**Better Comments**](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments): _The Better Comments extension will help you create more human-friendly comments in your code_

- [**Blockman - Highlight Nested Code Blocks**](https://marketplace.visualstudio.com/items?itemName=leodevbro.blockman): _Mark/Highlight code blocks_

- [**Bookmarks**](https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks): _It helps you to navigate in your code, moving between important positions easily and quickly._

- [**Code Spell Checker**](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker): _Spelling checker for source code_

- [**Color Highlight**](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight): _Highlight web colors in your editor_

- [**DotENV**](https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv): _Support for dotenv file syntax_

- [**Git Graph**](https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph): _View a Git Graph of your repository, and perform Git actions from the graph._

- [**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_

- [**ESLint**](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint): _Integrates ESLint JavaScript into VS Code._

- [**File Utils**](https://marketplace.visualstudio.com/items?itemName=sleistner.vscode-fileutils): _A convenient way of creating, duplicating, moving, renaming and deleting files and directories._

- [**indent-rainbow**](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow): _Makes indentation easier to read_

- [**Jest**](https://marketplace.visualstudio.com/items?itemName=Orta.vscode-jest): _Use Facebook's Jest With Pleasure._

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

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

- [**markdownlint**](https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint): _Markdown linting and style checking for Visual Studio Code_

- [**Material Icon Theme**](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme): _Material Design Icons for Visual Studio Code_

- [**Next.js snippets**](https://marketplace.visualstudio.com/items?itemName=pulkitgangwar.nextjs-snippets): _snippets for nextjs_

- [**Paste JSON as Code**](https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype): _Copy JSON, paste as Go, TypeScript, C#, C++ and more._

- [**Path Intellisense**](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense): _Visual Studio Code plugin that autocompletes filenames._

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

- [**Rainbow Brackets**](https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brackets): _Provide rainbow colors for the round brackets, the square brackets and the squiggly brackets. This is particularly useful for Lisp or Clojure programmers, and of course, JavaScript, and other programmers._

- [**Sort JSON objects**](https://marketplace.visualstudio.com/items?itemName=richie5um2.vscode-sort-json): _Sorts the keys within JSON objects_

- [**Template String Converter**](https://marketplace.visualstudio.com/items?itemName=meganrogge.template-string-converter): _Converts quotes to backticks when a `$` and `{` are entered within quotes in JavaScript and TypeScript files_

- [**Thunder Client**](https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client): _Rest API Client for VS Code, GUI based Http Client_

- [**Todo Tree**](https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree): _Show TODO, FIXME, etc. comment tags in a tree view_

- [**Toggle Quotes**](https://marketplace.visualstudio.com/items?itemName=BriteSnow.vscode-toggle-quotes): _`cmd '` (`ctrl '` on win/linux) will cycle the first quote pair found_

- [**Trailing Spaces**](https://marketplace.visualstudio.com/items?itemName=shardulm94.trailing-spaces): _Highlight trailing spaces and delete them in a flash!_

- [**TSLint**](https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-typescript-tslint-plugin): _TSLint support for Visual Studio Code_

- [**Visual Studio IntelliCode**](https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode): _AI-assisted development_

- [**vscode-styled-components**](https://marketplace.visualstudio.com/items?itemName=jpoissonnier.vscode-styled-components): _Syntax highlighting for styled-components_

## Install

Visit the **[Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=IbrahimCesar.ibrahimcesar-nextjs-developer-pack)**

## Creator

| GitHub  |  Twitter |  LinkedIn | Site  |

|:-:|:-:|:-:|:-:|

| [![Ibrahim](https://github.com/ibrahimcesar.png?size=50)](https://github.com/ibrahimcesar)  | [@ibrahimcesar](https://twitter.com/ibrahimcesar)  | [/in/ibrahimcesar](https://www.linkedin.com/in/ibrahimcesar/)  | [ibrahimcesar.cloud](https://ibrahimcesar.cloud)  |

**Happy Coding!**