Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/jesielviana/web-dev-extension-pack

Conjunto de plugins do VS Code utilizado no curso de Programação para Web do IFPI Campus Picos.
https://github.com/jesielviana/web-dev-extension-pack

course vscode vscode-extension web

Last synced: about 1 month ago
JSON representation

Conjunto de plugins do VS Code utilizado no curso de Programação para Web do IFPI Campus Picos.

Awesome Lists containing this project

README

        

# Web Dev Extension Pack

Conjunto de extensões do VS Code utilizado nos cursos de Programação para Web, do IFPI Campus Picos, ministrados pelo professor **Jesiel Viana**.

##### Extensões visuais

- [Tema Dracula](https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula) (meu preferido)
- [Tema Atom One Dark](https://marketplace.visualstudio.com/items?itemName=akamud.vscode-theme-onedark)
- [Tema Atom One Light](https://marketplace.visualstudio.com/items?itemName=akamud.vscode-theme-onelight)
- [Ícones Material Icon](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme) - Pacote de ícones para o VS Code

### Extensões utilitárias

- [EditorConfig for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig) - Esse plugin sobreescreve as configurações do editor baseado no arquivo `.editorconfig` local.
- [Git History](https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory) - Facilita a visualização de todo o histórico do git no prórpio VS Code.
- [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) - Servidor HTTP para executar aplicações web simples
- [Thunder Client](https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client) - Cliente de API Rest para o VS Code

##### Extensões para formatação, estilo e validação de código

- [Prettier - Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Formatação de código
- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) - Ferramenta de análise de código estática

##### Extensões para linguages e frameworks

- [HTML CSS Support](https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css)
- [IntelliSense for CSS class names in HTML](https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion) - Autocomplete para os nomes de classes CSS nos elementos HTML.
- [JavaScript and TypeScript Nightly](https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-typescript-next) - Extensão do VS Code que permite a compilação do TypeScript
- [ES7+ React/Redux/React-Native snippets](https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets)
- [Prisma](https://marketplace.visualstudio.com/items?itemName=Prisma.prisma) - Extensão do VS Code para o Prisma ORM
- [Bun for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=oven.bun-vscode) - Extensão do VS Code para o Bun runtime
- [Markdown Preview Enhanced](https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced)
- [Even Better TOML](https://marketplace.visualstudio.com/items?itemName=tamasfe.even-better-toml) - Suporte a arquivos TOML
- [npm Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense) - Extensão do VS Code que completa automaticamente os módulos npm em instruções de importação.

### Tem alguma extensão que gostaria e não tem?

Basta abrir um PR com a extensão e ficarei feliz em analisar =)