4

Trocando as extensões do VSCode no Linux conforme a tecnologia utilizada

#Linux #JavaScript
Demys Lima
Demys Lima

O VSCode se tornou uma das IDEs mais utilizadas para desenvolvimento, e um dos motivos do seu sucesso são suas extensões que facilitam o desenvolvimento e aumentam a nossa produtividade. Porém, conforme mudamos de tecnologia, as extensões de outra começam a interferir nas extensões da atual, e o VSCode passa a ficar mais lento.


Hoje vou ensinar como trocar as extensões do VSCode, ficando somente com as extensões da tecnologia que estamos trabalhando no momento.




Passos para a automatização


  1. Feche seu VSCode.
  2. Encontre a pasta ‘.vscode’, no Ubuntu a pasta fica em ‘$HOME/.vscode’.
  3. Dentro ‘.vscode’, exclua ou renomeie a pasta extensions.
  4. Abra seu VSCode e comece a instalar as extensões comum entre as tecnologias, aquelas que você usa com qualquer linguagem ou framework.
  5. Volte para a pasta ‘.vscode’, você verá outra pasta 'extensions', renomeie ela para ‘default’.
  6. Feche e abra novamente a IDE, agora vamos instalar as extensões para uma tecnologia específica. Não instala as extensões que estão na pasta ‘default’.
  7. Volte para a pasta ‘.vscode’, crie uma pasta com o nome da tecnologia que você acabou de instalar as extensões e mova a nova pasta extensions para dentro dela. Supondo que você instalou as extensões para React, você irá criar a pasta ‘react’ e colocar dentro dela a pasta ‘extensions’.
  8. Repita os passos 6 e 7 para todas as tecnologias que você trabalha no VSCode, eu por exemplo tenho as pastas: flutter, java, kotlin, python, react, ruby, svelte e vue.


Instalando o Oh My Shell


sudo apt-get install zsh

Via curl
sh -c “$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
Via wget
sh -c "$(wget https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh -O -)"


Criando um alias para mudar as extensões


  1. Encontre o ‘.zshrc’, no Ubuntu fica em ‘$HOME/.zshrc’.
  2. Abra o ‘.zshrc’ com o editor da sua preferência.
  3. Copiei nesse arquivo o código abaixo.


vscodeext() {
       rm -rf $HOME/.vscode/extensions 
       cp -r $HOME/.vscode/$1/extensions $HOME/.vscode 
       cp -a $HOME/.vscode/default/. $HOME/.vscode/extensions 
       code 
       exit
}


Utilizando o comando


Agora basta abrir o terminal e digitar o comando conforme a tecnologia desejada, exemplo:


vscodeext svelte 
//ou
vscodeext vue
// ou
vscodeext react


Você pode encontrar minhas extensões prediletas e o ‘.zshrc’ configurado no meu github: https://github.com/Demysdcl/vscode-extensions-by-technology-

3
852

Comentários (3)

1
Ramon Modesto

Ramon Modesto

20/04/2021 14:22

No bash funcionou também, no fish como alias funcionou em parte. Mas já ajudou bastante

0
Demys Lima

Demys Lima

20/04/2021 12:40

Ainda não usei o shell fish, mas se tiver como configurar um alias como uma função, também vai funcionar.

0
Ramon Modesto

Ramon Modesto

20/04/2021 12:13

Eu uso o shell fish, funciona nele também?

Analista Desenvolvedor Full-stack Sênior e palestrante de tecnologia.

Brasil