Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
May 24, 2021 10:24 pm GMT

Como transformar visual studio code em uma IDE [PT-Br]

suporte para linguagens

Abrindo o visual studio code (que aqui ser chamado de vs code), selecione a opo mostrada na imagem, sem clicar nos nomes em azul.

pt 1

A janela de extenses sera aberta

pt 2

Selecione as linguagens que voc desejar instalar o suporte.

eslint: javascript
tslint: typescript

pt 3

No caso, irei instalar suporte para as linguagens python, javascript, html, css, javascript, c, c++ e c#. sempre bom estar prevenido no ?

extensses extras

beutify

Deixar o cdigo mais bonito sempre bom.

pt 4

code runner

Com essa extenso, poderemos interpretar cdigos no terminal.

pt 5

instalando extenses essenciais

Primeiro vamos limpar a barra de pesquisa

pt 6

Agora vemos as extensses instaladas

pt 7

Na barra de pesquisa, vamos escrever "code spell checker"

pt 8

Essa extenso ir servir para auxiliar nos erros de escrita e dar nomes melhores s variveis

pt 9

Com a extenso instalada, agora vamos instalar suporte ao portugus brasileiro, tanto na extenso quanto no proprio vs code.

Pesquise "portuguese" na rea de extensses

pt 10

Instale a extenso brazilian portuguese do code spell checker e o suporte fornecido pela microsoft.

Com as extenses instaladas, a seguinte menssagem ir aparecer.

pt 11

Basta selecionar "restart".

cores

Agora, j com o editor em portugus, vamos dar uma customizada no estilo e nas cores.

Primeiro, vamos instalar o bracket pair colorizer, para adiscionar mais cores aos parenteses. Para isso, basta ir at a barra de pesquisa.

bcp

Voc pode escolher a versso que voc preferir.

Vamos instalar o tema.

V at o filtro, representado na imagem

filter

Selecione categoras -> themes

O tema fica seu critrio. Eu particularmente escolhi o synthwave '84.

deixando o editor inteligente

Vamos instalar agora o visual studio intelicode, para utilizarmos a auto-completao de cdigo.

vsi

configurando

Abra as configuraes

oc

Ou prescione cntrl + ,

Pesquise por word wrap, e ative a opo a seguir:

ww

Agora vamos ativar o tema.

tm

Aps isso, vamos ativar o autosave. Na opo "arquivos" ative a opo "salvar automaticamente"

as

Por fim, vamos ativar a linguagem pt-br no code spell checker.

Para isso, v at a opo "extenses" na aba configuraes.

ex

Agora, procure por "code spell checker"

csp

Altere a linguagem para pt-br

tpb

dicas

Pronto! Agor voc tem vrias funcionaliddes legais para o seu editor de texto/IDE !

H uma gama enorma de extensses extras alm das que foram mostradas.

Dentre elas, alguma merecem ser citadas:

Material icons (tema de cones)

Node.js Exec (adiciona a funo de executar um arquivo node prescinando f8)

Live server (Transmite um arquivo html ao vivo para o navegador, permitindo tambm css e javascript em arquivos separados)

Git extension pack (adiciona uma srie de funcionalidades relacioadas ao git)

Entre outras.

Faa uma breve pesquisa para saber as que melhor se encaixam no seu workflow.


Original Link: https://dev.to/coodexpie/como-transformar-visual-studio-code-em-uma-ide-pt-br-3ale

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To