Ambiente de Desenvolvimento

Guia de instalação e configurações das principais ferramentas que eu utilizo no ambiente de desenvolvimento

Sites essenciais   |    Ferramentas   |    Problemas

Sites essenciais

• Notion: Ferramenta de anotações
• Whimsical: Ferramenta para desenhar fluxograma
• Figma: Ferramenta para Design de Interfaces
• unDraw: É uma plataforma que oferece uma coleção de ilustrações gratuitas desenhadas em SVG

Ferramentas

A seguir, você encontrará um guia detalhado para a instalação e configuração das principais ferramentas que utilizo em meu ambiente de desenvolvimento. Todos os comandos devem ser executados no PowerShell em modo administrador.

• Chocolatey
• Node.js + nmv
• Yarn
• Composer
• Insomnia
• Docker e Docker Compose
• ESLint e Prettier para Node.js

Chocolatey

• O Chocolatey é gerenciador de pacotes para Windows e com ele é possível você instalar e remover facilmente programas (ex: nvm, node, java).

• Como instalar o Chocolatey: Seguir o guia de instalação do prório Chocolatey.

• Principais comandos:

  • choco list --local-only: Listar os pacotes instalados localmente
  • choco install <pacote_nome>: Para instalar um pacote
  • choco uninstall <pacote_nome>: Para remover um pacote

Node.js + nmv

• O nvm (Node Version Manager) é uma ferramenta que permite gerenciar várias versões do Node.js no mesmo sistema. Para Windows, podemos utilizar o nvm-windows.

• Como instalar o nmv-windows: choco install nvm

• Como instalar e gerenciar versões do Node.js com nvm

  • nvm install <version> para instalar uma versão do Node.js
    • Ex: nvm install v20.16.0
  • nvm list para visualizar todas as versões instaladas do Node.js
  • nvm use <version> para usar uma versão do Node.js
  • nvm uninstall <version> para remover uma versão do Node.js
  • node -v para visualizar a versão que está sendo utilizada do Node.js
  • npm -v para visualizar a versão que está sendo utilizada do npm

Yarn

O Yarn é um gerenciador de dependências para projetos JavaScript e Node.js e é semelhante ao npm, mas é conhecido por ser mais rápido. Atualmente utilizo a versão clássica.

• Como instalar o Yarn: choco install yarn
• Verificar a versão instalada: yarn -v
• Atualizar a versão do Yarn: choco upgrade yarn

Composer

O Composer é um gerenciador de dependências para PHP.

• Como instalar o Composer: choco install composer
• Verificar a versão instalada: composer --version
• Atualizar a versão do Composer: choco upgrade composer

Insomnia

O Insomnia é uma ferramenta para testar APIs, acesse o site e e baixe a versão adequada para o seu sistema operacional

Docker e Docker Compose

O Docker é uma plataforma para criar e gerenciar contêineres que encapsulam aplicações e suas dependências, enquanto Docker Compose é uma ferramenta para definir e executar multi-contêineres Docker usando um único arquivo de configuração.

Acesse o guia de como instalar o Docker e Docker Compose nos principais sistemas operacionais

ESLint e Prettier para Node.js

Acesse o guia e veja o passo a passo de como realizar a configuração do ESLint, Prettier e EditorConfig para Node.js

Nota: Foi necessário adicionar essa regra "editor.formatOnSave": false no settings.json do VSCode para funcionar

Problemas

A seguir, você encontrará instruções para corrigir alguns problemas comuns no ambiente de desenvolvimento.

• WampServer cURL error 60: SSL certificate: unable to get local issuer certificate

WampServer cURL error 60: SSL certificate: unable to get local issuer certificate

Se, ao usar cURL no PHP com o WampServer, você encontrar o erro cURL error 60: SSL certificate: unable to get local issuer certificate, siga os passos abaixo para resolver o problema:

• Baixe o pacote de certificados
  • Arquivo cacert.pem
• Coloque o pacote na pasta: C:\wamp64\bin\php\your-php-version\extras\ssl
• Certifique-se de que o arquivo mod_ssl.so esteja na pasta: C:\wamp64\bin\apache\your-apache-version\modules
• Habilite o mod_ssl no arquivo httpd.conf localizado em: C:\wamp64\bin\apache\your-apache-version\conf
• Habilite a extensão openssl no arquivo php.ini. É necessário fazer essa alteração em dois locais diferentes:
  • O primeiro local pode ser acessado através do ícone WampServer -> PHP -> php.ini na barra de tarefas do Windows
  • O segundo local está em C:\wamp64\bin\php\your-php-version
• Ainda no arquivo php.ini dos dois locais
  • Encontre as linhas curl.cainfo e openssl.cafile e atualize ambas para:
    • curl.cainfo="C:\wamp64\bin\php\your-apache-version\extras\ssl\cacert.pem"
    • openssl.cafile="C:\wamp64\bin\php\your-apache-version\extras\ssl\cacert.pem"
• Após fazer essas alterações, salve os arquivos e reinicie o servidor.