Bem-vindo ao repositório de extensões recomendadas do VSCode do canal runCode! Este repositório contém um arquivo extensions.json que lista todas as extensões que recomendamos para melhorar sua experiência de desenvolvimento no Visual Studio Code.
Para facilitar a instalação das extensões recomendadas, siga os passos abaixo:
1 - Clone ou Baixe o Repositório:
- Clone este repositório para o seu ambiente local ou faça o download do arquivo extensions.json. 2 - Mover o Arquivo extensions.json:
- Mova o arquivo extensions.json para a pasta .vscode do seu projeto. Se a pasta .vscode não existir, crie-a na raiz do seu projeto.
seu-projeto/
├── .vscode/
│ └── extensions.json
├── src/
├── public/
└── ...3 - Abrir o Visual Studio Code:
- Abra o seu projeto no Visual Studio Code. 4 - Acessar as Extensões Recomendadas:
- Vá até a aba de extensões no VSCode (ícone de quadrado no lado esquerdo ou use o atalho Ctrl+Shift+X).
- Digite @recommended na barra de pesquisa de extensões.
5 - Instalar as Extensões:
- As extensões recomendadas listadas no arquivo extensions.json serão exibidas. Você pode instalar todas ou apenas aquelas que desejar clicando no botão de instalação ao lado de cada extensão.
Aqui estão as extensões recomendadas e uma breve descrição do que cada uma faz:
1 - akamud.vscode-theme-onedark: Um tema escuro inspirado no One Dark do Atom.
2 - formulahendry.auto-close-tag: Fecha automaticamente as tags HTML/XML.
3 - formulahendry.auto-complete-tag: Completa automaticamente as tags HTML/XML.
4 - steoates.autoimport: Importa automaticamente os módulos necessários ao digitar.
5 - formulahendry.auto-rename-tag: Renomeia automaticamente as tags pareadas HTML/XML.
6 - box-of-hats.bemhelper: Suporte a metodologia BEM para desenvolvimento CSS.
7 - naumovs.color-highlight: Realça as cores no código.
8 - ms-azuretools.vscode-docker: Ferramentas para desenvolvimento com Docker.
9 - mikestead.dotenv: Suporte para arquivos .env.
11 - dracula-theme.theme-dracula: Um tema escuro inspirado no tema Dracula.
12 - hediet.vscode-drawio: Integração com o Draw.io para criar diagramas.
13 - dbaeumer.vscode-eslint: Integração com o ESLint para análise de código JavaScript/ TypeScript.
14 - github.vscode-pull-request-github: Gerencia pull requests e issues do GitHub dentro do VSCode.
15 - github.github-vscode-theme: Temas oficiais do GitHub.
16 - eamodio.gitlens: Amplia as capacidades do Git no VSCode.
17 - ecmel.vscode-html-css: Suporte a HTML e CSS.
18 - xabikos.javascriptsnippets: Snippets úteis para JavaScript.
19 - ryannaddy.laravel-artisan: Suporte ao Artisan do Laravel.
20 - onecentlin.laravel-blade: Suporte à sintaxe Blade do Laravel.
21 - amiralizadeh9480.laravel-extra-intellisense: Intellisense extra para Laravel.
22 - codingyu.laravel-goto-view: Navegação rápida para views no Laravel.
23 - onecentlin.laravel5-snippets: Snippets úteis para Laravel 5.
24 - ritwickdey.liveserver: Servidor local com live reload para projetos estáticos.
25 - ms-vsliveshare.vsliveshare: Colaboração em tempo real no código.
26 - pkief.material-icon-theme: Temas de ícones inspirados no Material Design.
27 - christian-kohler.path-intellisense: Autocompletar caminhos de arquivos.
28 - xdebug.php-debug: Debugging para PHP com Xdebug.
29 - xdebug.php-pack: Pacote de extensões úteis para desenvolvimento PHP.
30 - bmewburn.vscode-intelephense-client: Ferramentas avançadas de Intellisense para PHP.
31 - zobo.php-intellisense: Intellisense para PHP.
32 - bradlc.vscode-tailwindcss: Suporte ao Tailwind CSS.
33 - tonybaloney.vscode-pets: Adiciona um mascote ao seu editor.
34 - styled-components.vscode-styled-components: Suporte ao Styled Components.
35 - codeium.codeium: Autocompletar código com inteligência artificial.
36 - github.copilot: Assistente de codificação com inteligência artificial do GitHub.
No canal runCode, oferecemos tutoriais e conteúdos sobre desenvolvimento de software, dicas de ferramentas e melhores práticas. Nossa missão é ajudar desenvolvedores de todos os níveis a melhorar suas habilidades e a se manterem atualizados com as tecnologias mais recentes.
Se você tem sugestões de extensões que acha que deveriam ser incluídas na lista de recomendações, fique à vontade para abrir uma issue ou enviar um pull request.
Para mais dicas e tutoriais, inscreva-se no canal runCode e acompanhe nossos vídeos!