DEV Community: Cezar Augusto Mezzalira

Instalando o NVM sem privilégios administrativos no Windows (10/11)

Cezar Augusto Mezzalira — Wed, 15 Nov 2023 23:55:19 +0000

Existem alguns cenários onde não é possível instalar ferramentas de desenvolvimento sem ter privilégios administrativos.
Pensando nisso, escrevi esse tutorial para lhe ajudar a instalar NVM (Node Version Manager) nesse cenário.

Executando o poweshell

Para esse tutorial, vamos usar o powershell para a maioria das nossas tarefas.

Por isso, vamos abri-lo clicando no menu iniciar, digitando powershell e depois clicando nele, conforme mostrado na imagem abaixo:

Baixando o NVM

Acesse o link abaixo e baixe a versão mais recente (latest) do pacote:
https://github.com/coreybutler/nvm-windows/releases/latest

Para fazer nossa instalação, vamos precisar baixar o NVM para Windows em formato ZIP, conforme a imagem abaixo:

PRO TIP: Você também pode usar o powershell para baixar o arquivo direto para sua pasta de Downloads:



Start-BitsTransfer -Source 'https://github.com/coreybutler/nvm-windows/releases/download/1.1.11/nvm-noinstall.zip' -Destination "$($HOME)\Downloads"

Extraindo arquivo para pasta do usuário

O próximo passo é extrairmos os arquivos do nvm do arquivo nvm-noinstall.zip para dentro da nossa pasta de usuário.

Vá até a pasta de Downloads, procure pelo arquivo nvm-noinstall.zip, clique com o botão direito e em seguida clique em Extrair tudo..., conforme a imagem abaixo:

Na janela que abriu agora, vamos mudar o caminho de destino deixando algo como C:\Users\Seu Usuário\nvm, como na imagem abaixo:

PRO TIP: Você pode usar o powershell para extrair para o local correto:



Expand-Archive -Path $HOME/Downloads/nvm-noinstall.zip -DestinationPath $env:UserProfile/nvm -Force

Criando arquivo de configurações do NVM

Agora, vamos criar nosso arquivo de configuração do nvm. Copie o comando abaixo e cole no powershell:



notepad.exe $HOME\nvm\settings.txt

Em seguida, copie as linhas abaixo e cole no arquivo que foi aberto no notepad:



root: $HOME\nvm
path: $HOME\nvm\nodejs
arch: 64 
proxy: none

Antes de salvar e fechar, vamos precisar mudar o caminho do root e do path, apontando para nossa pasta de usuário.

Para evitar problemas com nome da sua pasta de usuário, vamos gerar o caminho dessa pasta no format curto do DOS.

Com o powershell aberto, digite cmd.

Em seguida, copie e cole o comando abaixo:



for %I in (.) do echo %~sI

Agora, copie a linha logo acima de onde está o cursor conforme na imagem a seguir:

Em seguida, no arquivo settings.txt aberto no notepad, substitua onde está $HOME pelo caminho que foi copiado no DOS anteriormente.

Seu arquivo deve ficar parecido com isso:



root: C:\Users\CEZARM~1\nvm
path: C:\Users\CEZARM~1\nvm\nodejs
arch: 64 
proxy: none

IMPORTANTE: Para continuar, digite o comando exit para voltar para o PowerShell.

Finalizando a configuração com as variáveis de ambiente

Com os arquivos necessários no lugar, vamos criar as variáveis de ambiente para apontar para onde estão os arquivos do NVM.

Removendo as variáveis existentes

Para evitar problemas, vamos remover as variáveis de ambiente executando linha a linha abaixo:



[Environment]::SetEnvironmentVariable("NVM_HOME",$null,"User")
[Environment]::SetEnvironmentVariable("NVM_SYMLINK",$null,"User")

Adicionando as variáveis atualizadas

Em seguida, vamos adicionar



[Environment]::SetEnvironmentVariable("NVM_HOME","$HOME\nvm","User")
[Environment]::SetEnvironmentVariable("NVM_SYMLINK","$HOME\nvm\nodejs","User")

Adicionando ao Path do usuário as variáveis

Por fim, vamos adicionar ao path do nosso usuário as novas variáveis de ambiente, executando linha a linha abaixo no powershell:



$user_path = [System.Environment]::GetEnvironmentVariable("PATH","USER")
$user_path = $user_path +  "%NVM_HOME%;%NVM_SYMLINK%;"
[System.Environment]::SetEnvironmentVariable("PATH",$user_path,"USER")

Testando a instalação do NVM

Se tudo deu certo, feche o powershell e abra novamente.

Em seguida, digite o comando nvm -v. Se tudo correu bem, a saída deverá ser conforme a imagem abaixo:

Instalando o Node.js e ativando localmente

A última etapa será executar nvm install node 20.9.0, que vai instalar a versão mais recente do Node.js 20. Se tudo deu certo, sua saída deverá ser parecida com essa:

Em seguida, precisamos criar o link simbolico, para quando chamarmos o comando node seja buscado de dentro da pasta do nvm na pasta da versão 20.9.0 que instalamos anteriormente.

Para isso, vamos executar o seguinte comando:



cmd /C mklink /j $home\nvm\nodejs $home\nvm\v20.9.0

Para finalizar, vamos executar o comando node -v e a saída deverá ser como a abaixo:

Importante: Após criar o link, faça logoff ou reinicie a máquina para todas as aplicações carregarem o mesmo.

E assim finalizamos a instalação!

Precisa de ajuda sobre o tutorial acima? Esse tutorial foi útil para você?
Deixe seu comentário abaixo e compartilhe para ajudar outras pessoas :)

Bons códigos!

Esse artigo foi baseado nesse artigo do Allen Kim no Medium: https://medium.com/allenhwkim/windows-10-install-nvm-without-admin-rights-b51418edc480

Instalando WSL 2, Ubuntu 22.04 e Docker - Windows 11

Cezar Augusto Mezzalira — Mon, 06 Nov 2023 01:00:08 +0000

1- Configurando o WSL 2 e instalando o Ubuntu 22.04

1.1 - Habilite a execução de scripts remotos na máquina

Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope LocalMachine

1.2 - Abra o iniciar e digite powershell, clique com o botão direito sobre e clique em executar como administrador.

1.3 - Em seguida, vamos criar o arquivo de configuração do WSL para que ele use poucos recursos da sua máquina. Vamos criar um arquivo na pasta do nosso usuário com o comando abaixo:

code $home/.wslconfig

1.4 - Agora, copie o código abaixo e cole dentro do arquivo:

[wsl2]
memory=1024MB
processors=1
swap=2048MB

1.5 - Agora, ainda dentro do powershell execute os comandos abaixo:

dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart

dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart

1.6 - Ainda no terminal, execute o comando abaixo para reiniciar sua máquina. Antes de reiniciar, certifique-se de salvar e fechar qualquer arquivo importante.

shutdown -r -f -t 0

1.7 - Após o computador reiniciar, vamos instalar o Ubuntu 22.04 como nosso Linux. Execute os comandos abaixo:

wsl --update

wsl --install Ubuntu-22.04

2- Configurações dentro do Linux

2.1 - Ao terminar a instalação, você precisará informar o nome de usuário e a senha. minha sugestão é que usar o seu primeiro nome e a senha ser uma senha que você lembre depois, pois, vamos usa-la dentro da nossa máquina Linux.

Se tudo correr bem, a saída do terminal deverá ficar parecida com essa:

Ubuntu 22.04 LTS is already installed.
Launching Ubuntu 22.04 LTS...
Installing, this may take a few minutes...
Please create a default UNIX user account. The username does not need to match your Windows username.
For more information visit: https://aka.ms/wslusers
Enter new UNIX username: cezar
New password:
Retype new password:
passwd: password updated successfully
The operation completed successfully.
Installation successful!

To run a command as administrator (user "root"), use "sudo <command>".
See "man sudo_root" for details.

Welcome to Ubuntu 22.04.2 LTS (GNU/Linux 5.15.90.1-microsoft-standard-WSL2 x86_64)

 * Documentation:  https://help.ubuntu.com
 * Management:     https://landscape.canonical.com
 * Support:        https://ubuntu.com/advantage


This message is shown once a day. To disable it please create the
/home/cezar/.hushlogin file.
cezar@DESKTOP-4BPE94H:~$
cezar@DESKTOP-4BPE94H:~$

2.2 - Agora que estamos dentro da nossa máquina Linux, vamos atualizar todos os pacotes para não termos problemas ao instalar o docker. Execute os comandos abaixo e aguarde a instalação (vamos p):

sudo apt update && sudo apt full-upgrade -y

3 - Instalando e configurando o docker

O docker será usado em nossas aulas para podermos executar nosso banco de dados sem ter que ficar instalando ferramentas extras em nossa máquina.

3.1 - Para instalar o docker dentro do nosso Linux, vamos executar um script que já faz todo o trabalho para nós. Execute os comandos abaixo e aguarde a conclusão:

curl -fsSL https://get.docker.com -o get-docker.sh
sudo sh get-docker.sh

3.2 - Para facilitar nosso desenvolvimento, vamos desabilitar a execução do docker com sudo dentro do nosso Linux, através do comando abaixo:

sudo usermod -aG docker ${USER}

3.4 - Para aplicar as configurações do docker, vamos sair da nossa máquina com o comando exit. Não feche o terminal.

3.5 - Agora, vamos acessar nossa máquina Linux para concluir nosso setup. Dentro do mesmo terminal, digite o comando wsl. Esse comando vai nos colocar dentro da máquina Linux dentro do terminal do powershell. Louco né?

3.6 - Dentro do Linux, vamos testar nosso docker, executando o comando abaixo:

docker run hello-world

A saída deverá ser parecida com a abaixo:

cezar@DESKTOP-4BPE94H:/mnt/c/Users/Cezar Mezzalira$ docker run hello-world

Hello from Docker!
This message shows that your installation appears to be working correctly.

To generate this message, Docker took the following steps:
 1. The Docker client contacted the Docker daemon.
 2. The Docker daemon pulled the "hello-world" image from the Docker Hub.
    (amd64)
 3. The Docker daemon created a new container from that image which runs the
    executable that produces the output you are currently reading.
 4. The Docker daemon streamed that output to the Docker client, which sent it
    to your terminal.

To try something more ambitious, you can run an Ubuntu container with:
 $ docker run -it ubuntu bash

Share images, automate workflows, and more with a free Docker ID:
 https://hub.docker.com/

For more examples and ideas, visit:
 https://docs.docker.com/get-started/

cezar@DESKTOP-4BPE94H:/mnt/c/Users/Cezar Mezzalira$

3.7 - Parabéns, agora temos o Linux e o Docker instalados com sucesso na sua máquina :)

Instalando o Visual Studio Code para programar em Java no Windows

Cezar Augusto Mezzalira — Mon, 13 Feb 2023 03:20:16 +0000

Antes de começarmos, certifique-se de ter instalado o JDK (Java Development Kit).

Você pode seguir meu tutorial aqui

Com o JDK instalado, vamos instalar e configurar nosso Visual Studio Code ou também chamado de VSCode.

Baixe o instalador do VSCode, acesse:
https://code.visualstudio.com/Download

Em seguida, clique no botão Windows, conforme a imagem abaixo:

Instalando o Visual Studio Code

Agora, abra o programa de instalação. Você vai chegar nessa tela:

Marque o opção Eu aceito o acordo e clique em próximo.

Na tela Selecione o Local de Destino, clique em próximo:

Na tela Selecionar a Pasta do Menu Iniciar, clique em próximo:

Agora, na tela Selecionar Tarefas Adicionais, marque as opções conforme a imagem abaixo e em seguida clique em próximo:

Agora, clique em Instalar e aguarde a conclusão.

Ao concluir a instalação, deixe marcada a opção Iniciar o Visual Studio Code e clique em Concluir:

Se o seu sistema estiver em Português Brasil, o VSCode vai pedir para instalar o pacote de idiomas automaticamente.

Para isso, ao iniciar o VSCode pela primeira vez, será apresentada uma notificação no canto inferior direito, com um botão Instalar e Reiniciar (Install and Restart), conforme a imagem abaixo:

Ao clicar no botão, aguarde até o VSCode reiniciar e retornar para a tela principal.

Ao retornar, vamos configurar o VSCode com algumas configurações que recomendo como padrão para serem usadas em qualquer linguagem.

Configurações sugeridas

Pressione as teclas Ctrl + Shift + P e em seguida digite `pref json na caixinha que aparecer e pressione Enter.

O arquivo que acabamos de abrir é onde ficam escritas todas as configurações do nosso editor, porém ele está vazio.

Agora, acesse o esse link e copie o conteúdo apresentado na tela. Dica: Pressione Ctrl + A e depois Ctrl + C para copiar todo o conteúdo.

Em seguida, dentro do arquivo que acabamos de abrir, pressione as teclas Ctrl + A e Ctrl + V. Agora, pressione as teclas Ctrl + S para salvar.

O VSCode vai pedir para reiniciar. Clique em reiniciar conforme a imagem abaixo:

Para finalizar, feche todos os arquivos abertos clicando no x ao lado do nome do arquivo.

Adicionando suporte ao Java

Vamos precisar instalar uma extensão que irá configurar todas as demais extensões que precisamos.

Para instalar, clicamos no icone com quadradinhos no lado esquerdo.

Agora, na parte superior da barra de extensões, digite Extension Pack for Java, clique em instalar e aguarde:

O processo de instalação pode levar alguns minutos, dependendo da velocidade da sua rede.

Ao final da instalação, a seguinte tela é exibida:

Como já temos o JDK instalado, podemos fechar essa tela.

Criando um projeto de testes

Para validarmos que nossa instalação está funcionando, vamos criar um projeto simples usando o próprio VSCode.

Clicando no ícone do Explorador (primeiro ícone abaixo do menu arquivo), temos um botão chamado Create Java Project, clique nele.

Agora, são mostradas os tipos de projetos que podemos criar. Clique na primeira opção No buld tools.

Na sequência, escolha a pasta onde será criado seu projeto. No meu caso vou escolher a pasta Área de Trabalho e em seguida clico em Select the project location:

Agora, preciso informar o nome do meu projeto. Nesse caso, vou colocar teste-jdk e pressiono Enter para concluir a criação:

Se você abrir o Windows Explorer na Área de Trabalho, verá que uma pasta com nome teste-sdk foi criada. Ela irá guardar os arquivos do seu projeto.

Agora, vamos abrir o arquivo App.java que está dentro da pasta src:

Para executar, basta clicar no botão play que fica no menu superior do lado direito ou no texto Run dentro do código:

Ao executar o projeto, o Windows vai pedir uma liberação do Firewall para o JDK. Marque as opções conforme a tela abaixo e clique em permitir acesso:

Após liberar o acesso do firewall, uma aba do terminal será aberta dentro do VSCode e a saída deverá ser como essa:

Se o texto Hello, World! foi impresso, você concluiu com sucesso a instalação.

Caso tenha algum problema ou até mesmo uma dúvida, deixe nos comentários.

Instalando o JDK 17, 21 ou 25 no Windows 11

Cezar Augusto Mezzalira — Mon, 13 Feb 2023 02:04:08 +0000

Update: 03/04/2024: O último LTS é a versão 21. Estou atualizando o post, pois, o processo de instalação será o mesmo tanto para a versão 17 LTS quanto para a versão 21 LTS.

Update 2: 09/03/2026: O último LTS é a versão 25.

Para começar, vamos baixar o pacote MSI para Windows.

Acesse o link para baixar a versão que você precisa:

Download JDK 17 LTS

Download JDK 21 LTS

Download JDK 25 LTS

Em seguida, execute o programa de instalação. A tela abaixo deverá aparecer e então clique em next:

Em seguida, precisamos habilitar duas configurações. A primeira, irá adicionar a variável JAVA_HOME automaticamente ao PATH do Windows.

Para isso, clique em Set JAVA_HOME variable e selecione a opção Will be installed on local hard drive, conforme a imagem abaixo:

A próxima configuração adicionará ao registro do Windows a localização do local de instalação do JDK. Clique em JavaSoft (Oracle) registry keys e selecione a opção Will be installed on local hard drive, conforme a imagem abaixo:

Clique em next.

Na próxima tela, clique em Install, lembrando de aceitar que as alterações sejam feitas no computador.

No final, a seguinte tela irá aparecer:

Ao clicar em Finish, você já estará pronto para usar seu JDK.

O próximo passo que sugiro é instalar o Visual Studio Code para ser seu editor de código e configura-lo para trabalhar com Java.

Para isso, fiz um tutorial completo para lhe ajudar, basta clicar aqui.

Se esse post te ajudou, deixe um like ou comente aqui embaixo se você estiver tendo algum problema.

Instalando o JDK (Java Development Kit) no Windows 11

Cezar Augusto Mezzalira — Mon, 13 Feb 2023 01:59:34 +0000

Para começar, vamos baixar o último LTS do JDK, que no momento do post está na versão 17.

Acesse o link e clique no botão Latest LTS Release, conforme imagem abaixo:

Em seguida, execute o programa de instalação. A tela abaixo deverá aparecer e então clique em next:

Em seguida, precisamos habilitar duas configurações. A primeira, irá adicionar a variável JAVA_HOME automaticamente ao PATH do Windows.

Para isso, clique em Set JAVA_HOME variable e selecione a opção Will be installed on local hard drive, conforme a imagem abaixo:

Clique em next.

Na próxima tela, clique em Install, lembrando de aceitar que as alterações sejam feitas no computador.

No final, a seguinte tela irá aparecer:

Ao clicar em Finish, você já estará pronto para usar seu JDK.

Instalando o Git no Windows 11

Cezar Augusto Mezzalira — Mon, 13 Feb 2023 01:01:46 +0000

Download git para Windows:
https://git-scm.com/download/win

Clique em 64-bit Git for Windows Setup

Após concluir o download, abra ao arquivo e na primeira tela, clique em next:

Na tela Select Destination Location, clique em next:

Em seguida, na tela Select Components, marque as opção abaixo em vermelho e clique em next:

Na tela Select Start Menu Folder, clique em next:

Agora, na tela Chosing the default editor used by Git, na caixa de seleção, esolha Use Visual Studio Code as Git's default editor e clique em next:

Na tela Adjusting the name of the initial branch in new repositories, selecione a opção OVerride the default branch name for new repositories e clique em next:

Em seguida, na tela Adjusting your PATH environment, deixe marcada a seleção padrão Git from the command line and also from 3rd-party software e clique em next:

Na tela Choosing the SSH executable, deixe marcada a opção padrão Use bundled OpenSSH e clique em next:

Já na tela ** Choosing HTTPS transport backend*, deixe marcada a opção padrão **Use the OpenSSL library* e clique em next:

Agora, na tela Configuring the line ending conversions, deixe marcada a opção padrão Checkout Windows-style, commit Unix-style line endings e clique em next:

Na tela Configuring the terminal emulator to use with Git Bash, deixe marcada a opção padrão Use MinTTY (the default terminal od MSYS2) e clique em next:

Na tela Choose the default behavior of git pull. deixe marcada a opção padrão Default (fast-forward or merge) e clique em next:

Na tela Choose a credential helper, deixe marcada a opção padrão Git Credential Manager

Na tela Configuring extra options, deixe marcado apenas conforme a imagem abaixo e clique em next:

Agora, na tela Configuring experimental options, não marque nenhuma das opções e clique em Install:

Ao final da instalação, na tela Completing the Git Setup Wizard, marque a opçãop Launch Git Bash e desmarque a opção View Release Notes. Em seguida clique em Finish:

Agora, a seguinte tela de terminal deve ter aparecido:

Esse terminal é chamado MINGW64 e é um terminal que emula um terminal Unix dentro do Windows.

Para finalizar, dentro do terminal MINGW64 vamos configurar o nome do usuário e o email que serão usados pelo Git a cada commit.

Copie e execute uma linha de configuração por vez, substituindo os dados do comando pelos seus dados:

Comando para configurar o nome do usuário:

git config --global user.name "Seu Nome"

Exemplo de como deve ficar o comando no seu terminal:

Pressione Enter e o seu nome de usuário será configurado.

E agora, copie o comando abaixo e cole dentro do terminal, lembrando de alterar o email de exemplo pelo seu próprio email:

git config --global user.email email@example.com

Exemplo de como deve ficar o comando no seu terminal:

Pressione Enter para salvar o seu email.

Para confirmar que as configurações estão corretas, basta executar o seguinte comando:

git config --list | grep user

Ao pressionar enter, sua saída deverá ser parecida com a imagem abaixo:

Caso algum dos dois valores esteja incorreto, basta copiar o comando mostrado anteriormente, alterar e aplicar novamente.

Pronto! Você já pode começar a usar o Git dentro do Windows 11.

Se tiver dúvidas, por favor, comente abaixo e não esqueça de reagir a essa publicação.

POV - Why Angular or React to web applications?

Cezar Augusto Mezzalira — Thu, 30 Jun 2022 18:28:16 +0000

Hey folks, how are you going?

It's me again.

In my adventures on web development world, I have a lot of frustrating experiences, which makes me to avoid for a few years to create or update my knowledge about hot technologies in this market.

It happens between middle of 2016 until middle of 2019, after I get a graduate degree of Java Specialist.

At those days, I'm using Spring technologies to make CRUD stuff and to "frontend" I'm using Java Server Faces (JSF) with Primefaces lib.

I insisted on this project about 2 years, because, I decided to go forward from my college final project, making some improvements.

After that, I got sick of software development, whatever technology it was. Java is a great language, with a lot of things consolidated, but, that experience with Primefaces, maked my head to run away from Java.

At that time, I get into my head a secret desire: learn AngularJS. It make sense, because Java and AngularJS they're most used technologies to backend and frontend. But, it remained in my head only.

The years are gone and around middle of 2019 I'm introduced to a new world: the Omnistack. That stack includes JavaScript which core language to create backend services with REST API joined with React and React native to create frontend web and mobile respectively.

I'm fallen in love again for development, because, I was't believe it's true: One language only to create everything I need.

Since then, I studied more and more about JavaScript and TypeScript too, thanks to Rocketseat. With this knowledge, I created some interesting applications, learned a lot of other things like how to put in production an API REST and a web app in React, how to use AWS services like S3, Amplify, SES and other stuff.

So okay, where Angular returns into my life? Well, in 2021, I assumed a new challenge: maintain an abandoned project that uses Ionic Framework with Angular.

As I always said: needs make the opportunity. In this case, more than that.

When I look that project, I think first: where I going through

Work with React, as libs to create applications, gave me a freedom to make a lot of decisions, like, which libraries I use to make HTTP requests, or to routing, or to style.

Angular is a framework, based almost in modules and libraries included into it. To make HTTP calls? Use http module. styles? choose at project creation between SCCS, SASS or CSS.

Basically, two sides in a bigger world of libraries and frameworks to frontend web applications.

After a year in this scenario, you wondering: what technology is your favorite?

And I answer you: the technology that solves my problem. I don't care if I need to use only what is inside the framework. If I can develop faster and I get my apps working faster, with easy maintenance, great, I go with Angular. If I need to get free and decide to use only libraries I want, in small projects, I don't think twice: my choice is React.

This is my last choice? Nope. Why? Because every day a new framework, a new library or a new tech born, and, at the end of day, only one thing cares: the problem has been solved.

If you got until here, thanks for your time.
Please, let me know in the comments your experience with development and technologies that came or got out in your career.

Til the next one!

Why you should favour named functions in place of anonymous functions at callback

Cezar Augusto Mezzalira — Thu, 03 Mar 2022 14:05:22 +0000

Hello there! It's your cap again!

Recently, when I learn more about functions in JavScript, I found something who get my attention. In this blog post from Dmitri Pavlutin, he explain why favour name function expressions in place of anonyumous functions at callbacks.

At first, it's a simple thing I said. But, I make a small experiment to test this behavior.

I created two functions, with same behavior: make a division by an undefined variable.

Let's check the first scenario, using anonymous function:

Here, I create an arrow function on map callback. When the function test has been executed, we can see an error stack with various :

It's a little bit hard to understand what happen.

So let's check the second scenario. We can watch the map callback function is named function expression declared as divide.

When the function has been executed, we can see after reference error the name of function has triggered the error:

So, which scenario is easier to debug?

Imagine you have have this function called inside one, two, three levels of functions. Which one it's easier now?

My point here, after all of it: use wisely the named expression functions. It's a debug time saver and maintain your code cleaner.

Migrei do VS Code para o VIM

Cezar Augusto Mezzalira — Sun, 23 May 2021 02:04:29 +0000

Uma mudança gradativa...

Pois é, hoje temos como padrão de editor de código para várias e várias linguagens, é Visual Studio Code, VS Code.
É um ótimo editor de texto, muito mais produtivo e mais simples de se utilizar do que IDE's como Eclipse, IntelliJ (e sua família que inclui o pesadíssimo Android Studio), ou até o NetBeans (eu sou velho, mas conheço quem use ainda kkkk).
Porém, desde o início deste ano, me propus ao desafio de entender, configurar e então usar de forma produtiva o VIM, como meu editor de código/IDE para desenvolver minhas aplicações com TypeScript.

VIM não é para todos

Se você não tem paciência e muito menos vontade de aprender coisas novas, o VIM não é feito para você.Não é uma crítica, mas uma verdade.

Básico do básico

DISCLAIMER: ISSO NÃO É UM TUTORIAL, SÓ UMA EXPLICAÇÃO BÁSICA DE COMO USAR O VIM PARA GRAVAR UM ARQUIVO.

A primeira coisa que você vai precisar aprender para usar o VIM é entender que tudo se baseia em uso de teclado e seu fluxo de trabalho é diferente, pois, não é simplesmente abrir e sair escrevendo código.
Supondo que você já tenha instalado VIM na sua máquina, basta abrir um terminal e digitar o comando vim.
Ao abrir um arquivo, por padrão você vai estar no modo NORMAL.Para editar, pressionando a tecla i você vai entrar no modo INSERT.
Ai então, você vai conseguir inserir um texto ou seu código.Para salvar esse arquivo, você vai pressionar a tecla ESC, para retornar ao modo NORMAL e em seguida pressione a combinação de teclas :w nomedoarquivo.ts. O comando :w vai salvar o arquivo. Para sair do VIM, só pressionar a combinação :q.
Pronto. Você criou um arquivo, salvou e saiu do vim.

Cenário do Caos

Eu usei muito o VSCode, as vezes 3, 4 projetos abertos em janelas diferentes. Quem usa o VSCode sabe que ele não é tão leve assim.
O cenário do caos: notebook i5 8th gen, com 8GB, rodando a distro Linux Pop! OS sem SWAP de memória, somando um Chrome cheio de abas abertas, docker rodando com bancos de dados e aplicações padrões do sistema. Resultado: Sistema travando por completo e desligamento forçado.
Ai inseri um SWAP. Não travou mais, mas as coisas ficaram lentas, bemmmm lentas.
Fui pra solução mais obvia: upgrade para 20GB de memória.Ai fiquei tranquilo, já podia abrir meu cenário do caos sem ser um caos.
Mas ai migrei para um PC de mesa e entreguei o note para minha esposa.
O PC com Ryzen 5 2600 OC @3.9GHz, 16GB 3200MHz, SSD NVME 512GB e uma GTX 760 2GB agora só meu, rodando também POP! OS, ainda sofrendo com o mesmo cenário do caos.
Mas e ai, qual a boa pra ter mudado?

Usar a máquina sempre no talo, sem nenhuma folguinha me deixa incomodado, porque as vezes pode acontecer de ter que abrir um projeto a mais, mais uma outra instancia do docker rodando um banco de dados pesado, ai tem que ficar fechando coisas para poder abrir outras, não dá né.
Um projeto, 16 processos, quase 1GB de memória alocada:

É muito memória bicho!

Pesquisei outras alternativas: Atom, Sublime e outras que nem lembro o nome, mas que eram pesadas ou tão mais pesadas quanto o VSCode.
Relutei sobre o fato de aprender do zero sobre VIM, tentei várias vezes, mas não conseguia me acostumar com o básico.
Em fevereiro, decidi acompanhar um curso muito top do Waldemar Neto chamado "DO ZERO A PRODUÇÃO: APRENDA A CONSTRUIR UMA API NODE.JS COM TYPESCRIPT ", onde ele utilizava só VIM para desenvolver.

MOMENTO JABA GRÁTIS: Se você quiser saber mais sobre o curso, que é de grátis, acesse esse link da playlist no YouTube. O Waldemar trabalha na Atlassian, que desenvolve o Jira, o Trello e o BitBucket.

Foi então que tomei coragem e pulei de cabeça pra dentro do VIM. Comecei entendendo sobre os modos. Depois usei o próprio VIM para configura-lo através do arquivo de sistema .vimrc, onde ficam todas as configurações de plugins, temas, atalhos e tudo mais.
Desenvolvi toda a aplicação do curso usando o VIM, me adaptando ao seu fluxo de trabalho e digo pra quem quiser: VIM é top!

O uso de memória é muitoo menor, da uma olhada no mesmo projeto que mostrei antes, agora no VIM:

Somando os dois plugins, menos de 300mb, muito menos né?

ABANDONEI O VSCODE PRA SEMPRE?

Sim e não. Sim porque agora que passou a fase de adaptação com fluxo de trabalho, consigo fazer tudo que eu fazia normalmente no VSCode, usando apenas atalhos e comandos via teclado.
Não, porque eu as vezes sinto uma falsa impressão que o VSCode ainda é melhor, principalmente para pesquisar arquivos e tudo mais. Mas o VIM tem plugins incríveis para tudo o que você imaginar, sério.

VERIDICTUM

Precisei de muita disciplina, força de vontade, pesquisas no Google e paciência para chegar até aqui. Foram muitas horas gastas para aprender o básico, ficar mexendo nas configurações para deixar o mais funcional e prático possível.
Se compararmos ao VSCode, não pesa praticamente nada ter uma pasta aberta no VIM, fora que eu não preciso sair do terminal pra rodar testes ou outros comandos em uma segunda aba.
Por fim, digo mais uma vez: se estiver disposto a passar pela curva de aprendizado, é uma mudança sem volta.
Abraço e até o próximo post.

Se gostou Compartilhe! Também deixa um comentário caso encontrou algum erro ou queria mais detalhes de como fiz essa mudança :)

First steps here...

Cezar Augusto Mezzalira — Thu, 01 Oct 2020 04:28:30 +0000

So well!

If you reading this, I'm getting courage to start wrote something about development.

My plan is to wrote some experiments about my day life on development of react apps with typescript in vscode or maybe, I'm not totaly sure about to use vim.

So, here's the thing!

I hope you enjoy this, because I honor if you came to here.