08/07/2020 Versão para impressão

INFORMÁTICA PARA INTERNET

Ambiente de desenvolvimento:
instalação e configuração
Neste material, você aprenderá sobre IDEs (Integrated Development
Environment). Veremos algumas delas e conheceremos as suas principais
funcionalidades e linguagens de programação.

Também veremos um material muito interessante sobre o editor Visual Code, da

Microsoft, o qual será usado no decorrer do curso. Aprenderemos a instalá-lo e a
configurá-lo.

IDE de desenvolvimento
Uma IDE, que, em tradução livre, significa “ambiente de desenvolvimento
integrado”, é um software que reúne diversas ferramentas para o desenvolvimento de
aplicações para dispositivos desktop, web e mobile.

As IDEs tornam o processo de desenvolvimento de aplicativos mais rápido e

menos complexo e propiciam maior produtividade para desenvolvedores.

As principais IDEs reúnem características e ferramentas que facilitam a

programação. Veja:

Editor

Edita o código-fonte da linguagem escolhida e suportada pela IDE.

1/28
08/07/2020 Versão para impressão

Compilador

Compila o código, ou seja, transforma o código-fonte em linguagem de máquina.

Compilação é o processo de transformar código-fonte, escrito em linguagem de

programação, inteligível ao ser humano, em códigos de execução, entendidos
pela máquina, que executa os comandos escritos. Geralmente, designa-se o
arquivo (ou o conjunto de arquivos) gerado pela compilação como binário,
referência ao estado mais primitivo das informações em um computador, os bits.
Estes são representados por encadeamentos de 0s e 1s que, na prática,
representam impulsos elétricos que passam ou não por filamentos do
processador.

Depurador (debug)

Auxilia nos processos de encontrar erros no código-fonte do projeto e de corrigi-

los, aprimorando assim a qualidade do software.

Geração de códigos

A sugestão de comandos a partir da digitação do programador (ou mesmo a

inclusão de blocos completos de código) é uma característica bastante comum
das IDEs atuais, geralmente com um escopo mais direcionado a templates de
código muito utilizados para solucionar problemas cotidianos. Além disso, em
conjunto com ferramentas de modelagem, a geração pode gerar quase que todo o
código-fonte do programa com base no modelo proposto. Isso significa que
algumas IDEs tomam por entrada um diagrama ou gráfico e, a partir disso, podem
gerar boa parte do código. Isso torna muito mais rápido o processo de
desenvolvimento de softwares.

2/28
08/07/2020 Versão para impressão

Distribuição (deploy)

Auxilia no processo de criação do instalador do software, ou alguma outra forma

de distribuição, por discos ou via internet.

Deploy, ou implantação de software, é o processo de disponibilizar o software ao

usuário. No caso de softwares desktop, envolve criar instalador, preparar o
ambiente do cliente com banco de dados e iniciar as operações do software no
cliente. No caso de softwares web, implanta-se a aplicação atualizada no servidor,
tornando-a disponível para acesso e operação do usuário via browser.

Veja mais sobre arquitetura cliente-servidor no conteúdo Arquitetura web em

camadas, nesta unidade curricular (UC).

Testes automatizados (automated tests)

Realiza testes no software de forma automatizada, com base em scripts ou

programas de testes previamente especificados. Um relatório é gerado, auxiliando
assim na análise do impacto das alterações no código-fonte. Ferramentas deste
tipo mais comuns no mercado são chamadas “robôs de testes”.

Refatoração (refactoring)

Consiste na melhoria constante do código-fonte, para uma construção de código

mais otimizado e mais limpo e para um melhor entendimento pelos envolvidos no
desenvolvimento do software. A refatoração, em conjunto com os testes
automatizados, é uma poderosa ferramenta no processo de erradicação de bugs,
tendo em vista que os testes buscam garantir o mesmo comportamento externo
do software ou da característica sendo reconstruída.

3/28
08/07/2020 Versão para impressão

Cada IDE pode trazer características e funcionalidades específicas para a sua

linguagem de programação e para dar suporte à implementação do software. Podemos
citar a criação de dispositivos virtuais, que podem ser encontrados na IDE Android
Studio, utilizada para o desenvolvimento de aplicativos mobile.

Entre as várias IDEs existentes, podemos destacar as que seguem:

Android Studio
IDE oficial da Google para desenvolvimento Android

Netbeans
Principal ferramenta de desenvolvimento

4/28
08/07/2020 Versão para impressão

DEV-C++, Code::Blocks, Turbo C

Geram código para C e C++

Eclipse
Ferramenta para desenvolvimento de código Java, PHP e C

Lazarus
Alternativa gratuita e de código livre para o Delphi, que também trabalha originalmente
com Pascal e Object Pascal

5/28
08/07/2020 Versão para impressão

Existem várias IDEs. Você deve fazer a escolha pela linguagem de programação
a ser utilizada e trabalhar com as IDEs oficiais, pois estas oferecem um suporte maior.
Além disso, a documentação estará de acordo com o escopo do projeto.

Algumas IDEs fazem a interpretação e compilam em mais de uma linguagem de

programação. Logo, você sempre deverá indicar, no início do projeto, a linguagem de
programação que utilizará. Se não fizer isso, seu projeto poderá apresentar erros de
compilação.

Também devemos estar em constante busca pelas ferramentas de

desenvolvimento que dominam o mercado. Novas IDEs e plataformas surgem quase
diariamente, e aquela com que estamos acostumados a trabalhar poderá ficar
defasada.

Visual Studio Code

Ao longo deste material, utilizaremos o Visual Studio Code (VS Code), que é um
poderoso editor de texto com funcionalidades comparáveis às de uma IDE. Desde o
seu lançamento e a popularização do .NET Core, o editor tem conquistado preferência
entre as empresas, pois oferece diversos recursos e extensões a linguagens e
ferramentas de desenvolvimento.

Este editor foi criado pela Microsoft e é open source, ou seja, tem código aberto,
e toda a comunidade de programadores está sempre ajudando a melhorar o seu
desempenho.

A melhor característica do VS Code é a velocidade para compilar códigos. Ele

conta com um grande número de extensões (plug-ins), que são ferramentas que
servem para estender o próprio editor com funcionalidades extras. Ele também conta
com o debug, que ajuda no trabalho cotidiano do programador.

O VS Code é uma simplificação do Visual Studio. Enquanto o Visual Studio traz

muitas funcionalidades já prontas no IDE, o VS Code permite a inclusão de
funcionalidades por meio de plug-ins. Ou seja, você terá no seu editor apenas aquilo

6/28
08/07/2020 Versão para impressão

de que precisa para codificar o tipo de aplicação e as ferramentas com que trabalhará.
Adicione-se a isso o suporte a várias linguagens.

Tanto Visual Studio quanto VS Code fazem parte de um ambiente de

desenvolvimento da Microsoft que se inicia com o framework .NET e que se estende
até o recente .NET Core. São dois itens indispensáveis para o nosso trabalho de
programação com C# e projetos web.

Seguem alguns detalhes sobre esses frameworks.

Frameworks podem ser definidos como a infraestrutura de um software. Trata-se

de um conjunto de funcionalidades e padrões que fornecem as bases e realizam o
controle da aplicação. Podem ainda fornecer funcionalidades específicas.

7/28
08/07/2020 Versão para impressão

.NET

O .NET é um framework criado pela Microsoft como uma resposta ao avanço

da tecnologia Java, em uma época em que ela trabalhava essencialmente com a
linguagem C++ e o famoso Visual C++. Assim como o Java, o .NET conta com
uma plataforma de execução (chamada Common Language Runtime, ou CLR,
traduzida livremente como “ambiente de execução independente de linguagem”,
em oposição à máquina virtual do Java, ou Java Virtual Machine – JVM), mas com
o intuito de suportar várias linguagens, entre elas a C#, criada junto com o
framework. Qualquer máquina que tivesse o .NET Runtime instalado poderia rodar
uma aplicação .NET.

A primeira versão do .NET data de 2002, sendo que as atualizações se

tornaram constantes desde então. Alguns anos depois, passou a ser parte
essencial do Windows, deixando transparente o fato de que o compilador gera
uma linguagem intermediária em vez de arquivos binários executáveis diretamente
pelo processador.

Em linguagens como C++, a compilação gera um arquivo binário (composto

por bits), ou seja, o nível mais básico e direto de comandos para a máquina. No
.NET e no Java, a compilação cria códigos intermediários, que, por sua vez, são
interpretados como comandos de máquina pela CLR (no caso do .NET) ou pelo
JVM (no caso do Java).

O Visual Studio é parte essencial da história de êxito do .NET Framework, já

que sempre ofereceu ferramentas poderosas para facilitar a programação. A
evolução do Visual Studio acompanhou a evolução e o lançamento de versões do
.NET Framework.

Note-se também que, na evolução do .NET, incluem-se tecnologias

importantes, como o WPF (Windows Presentation Foundation, subsistema gráfico
para aplicativos Windows), o ASP.NET (subsistema para criação de aplicações
web) e o ASP.NET MVC (evolução desse subsistema).

8/28
08/07/2020 Versão para impressão

Desde a sua criação, no entanto, o .NET foi uma tecnologia fechada e

prioritária, evoluindo lentamente para um formato mais livre. Isso culminou no
lançamento do .NET Core em 2015.

.NET Core

Uma série de mudanças importantes no modo como a Microsoft tratava seus

negócios com desenvolvimento (com foco em computação em nuvem e oferta de
serviços) culminou na criação da plataforma open source do .NET. Nascia, em
2015, o .NET Core, que desde o princípio, já contava com boa parte das
funcionalidades do .NET (não a sua totalidade) e que já nasceu compatível com
Linux e MacOS.

Também em 2015, e como uma alternativa também open source e mais leve
ao Visual Studio, foi lançado o Visual Studio Code. Este também tem evoluído
junto com a plataforma .NET Core.

Hoje, a Microsoft disponibiliza tanto .NET Framework como .NET Core para
o desenvolvimento de sistemas. Ambas as opções disponibilizam um SDK
(Software Development Kit, ou “kit de desenvolvimento de software”) para a
programação com os frameworks e um runtime para a execução das aplicações
desenvolvidas nessas plataformas.

Para os nossos trabalhos de desenvolvimento, usaremos o SDK do .NET

Core e o editor Visual Studio Code.

9/28
08/07/2020 Versão para impressão

Instalando as ferramentas de desenvolvimento

Durante o curso, utilizaremos o editor VS Code devido à sua praticidade e à sua

compatibilidade com diferentes sistemas operacionais.

Vale ressaltar que você deve sempre fazer o download da versão mais recente
das ferramentas. Isso assegurará que você trabalhará com a maior segurança possível
e com os últimos recursos oferecidos pelos desenvolvedores dos softwares.

A instalação do Visual Studio Code é bastante simples.

10/28
08/07/2020 Versão para impressão

1. Baixe o VS Code no site oficial da Microsoft. Busque por “Visual Studio Code
download” para acessar a página. Note que há opções para Windows, Linux e MacOS.
Seguiremos com exemplos para Windows, mas a instalação para os outros sistemas
operacionais é análoga.

11/28
08/07/2020 Versão para impressão

2. Os passos seguintes envolvem padrões de instalação: clicar no botão Next e

aceitar os termos de uso.

3. Na tela, é possível optar por um ícone de desktop e incluir “Abrir com Visual
Studio Code” na caixa de contexto (clicando com o botão direito em um arquivo ou
pasta) do explorador de arquivos do Windows.

4. Finalize e, opcionalmente, abra o VS Code.

Agora, precisamos do recurso que efetivamente fará a compilação e a execução

de nosso código em projetos C#, o .NET Core.

1. Baixe o .NET Core no site oficial da Microsoft. Busque por “.NET Core
download” para acessar a página. Há opções para Windows, Linux e MacOS.

12/28
08/07/2020 Versão para impressão

2. Escolha .NET Core SDK para construir aplicações

3. Após o download, abra o executável e inicie o assistente de instalação.

13/28
08/07/2020 Versão para impressão

4. Depois, clique em Install. O assistente concluirá o processo de instalação.

Nota

Pode ser necessário instalar uma atualização do .NET Framework Runtime na

máquina, mas normalmente ele já é instalado durante as atualizações do Windows.
Caso o Visual Studio Code acuse a ausência de uma versão .NET Framework
Runtime, verifique sua atualização do Windows ou tente instalar a versão solicitada via
website.

Caso ainda não esteja executando o Visual Studio Code, abra-o para, a seguir,
explorarmos um pouco de sua interface e de suas funcionalidades.

14/28
08/07/2020 Versão para impressão

Apresentação do editor Visual Studio Code

Após baixarmos e instalarmos os softwares, é hora de conhecermos a interface
do editor Visual Studio Code. De antemão, você pode visualizar que ele tem um
ambiente limpo e muito agradável. Ao iniciar o programa, é provável que a página de
boas-vindas seja mostrada.

O menu à esquerda (o side bar) é composto por algumas ferramentas que

utilizaremos em todos os nossos projetos. Veja:

15/28
08/07/2020 Versão para impressão

Explorador (ícone com duas folhas)

Permite visualizamos a lista de arquivos do diretório (ou pasta) em que

estamos trabalhando. Há uma parte que mostra as janelas de editor abertas e
outra (com o nome do diretório) que mostra os arquivos do diretório. Podem-se
criar arquivos e pastas diretamente no Explorador.

Figura 2 – Guia “Explorer”, ou “Explorador”

16/28
08/07/2020 Versão para impressão

Pesquisar (ícone lupa)

Permite a pesquisa de termos nos arquivos do projeto. É muito útil para ir

para determinada linha do projeto ou entender a referência entre linhas. Também
oferece as funcionalidades de substituição e de busca avançada.

Figura 3 – Guia “Pesquisar”, ou “Search”

17/28
08/07/2020 Versão para impressão

Controle do código-fonte (ícone com bifurcação)

Esta aba permite controlar as interações com o sistema de controle de

versão (como o Git) do projeto. Por meio dela, pode-se realizar o envio ou a
recuperação do código do sistema de versão.

Figura 4 – Guia “Controle de Código-Fonte”, ou “Source Control”

18/28
08/07/2020 Versão para impressão

Depurar (ícone com inseto)

É o debug do VS Code e serve para depurar o projeto, ou seja, acompanhar

a execução, passo a passo, do código escrito.

Figura 5 – Guia “Depurar”, ou “Debug”

19/28
08/07/2020 Versão para impressão

Extensões (ícone quadrado)

Este menu possibilita instalar as extensões. É possível visualizar todas as

extensões instaladas e as recomendadas de acordo com o perfil da programação
que está sendo executada.

Este menu permite, por exemplo, fazer a instalação da extensão de língua

portuguesa do Brasil para deixar o uso do nosso editor mais fácil e intuitivo.

Algumas outras extensões deverão ser baixadas e instaladas para realizar

as atividades no editor. Ele próprio fará a notificação das extensões que devem
ser instaladas.

No menu das extensões, também podemos fazer o download de temas

diferentes para o nosso editor. Se você estiver interessado em usar temas
diferentes, é só fazer uma pesquisa na internet para visualizar alguns deles e
baixar o que mais lhe agradar.

20/28
08/07/2020 Versão para impressão

Figura 6 – Guia “Extensões”, ou “Extensions”

Na barra inferior, em azul, temos o nosso rodapé (footer). Nele, podemos

indicar a linguagem de programação com a qual estamos trabalhando.

Figura 7 – Barra de status do VS Code

Quando escolhemos a linguagem de programação que utilizaremos para

implementar o nosso código, automaticamente o editor do VS Code ativa o highlight,
que é um realce da sintaxe do texto escrito. Ele é muito usado, pois torna a leitura do
código-fonte (scripts ou algoritmos) mais fácil e intuitiva.

21/28
08/07/2020 Versão para impressão

Configurando o C# no Visual Studio Code

Uma tarefa inicial importante para o nosso contexto de estudos é baixar e instalar
a extensão que habilita o trabalho com C# no editor. Com isso, também exercitaremos
a guia Extensões, que é uma das características mais importantes do VS Code.

1. Abra o VS Code.

2. Abra a guia Extensões e digite o termo “C#”.

22/28
08/07/2020 Versão para impressão

3. Selecione a extensão C# (deve ser a primeira encontrada). Note que, ao

selecioná-la, você verá na aba principal os detalhes da extensão, com resumo,
quantidade de downloads e informações adicionais. Ali, há três abas: Details,
Contribution e Changelog. Em Details, há informações gerais sobre a extensão.

23/28
08/07/2020 Versão para impressão

4. Em Contributions, são listadas as funcionalidades e os atalhos que a

extensão acrescenta ao editor.

24/28
08/07/2020 Versão para impressão

5. Em Changelog, você pode ver as alterações e as versões lançadas da

extensão.

25/28
08/07/2020 Versão para impressão

6. Para instalar a extensão, clique no pequeno botão verde Install, na guia

Extensions, ou na tela de detalhes.

26/28
08/07/2020 Versão para impressão

7. Para mostrar as extensões instaladas, habilitadas ou desatualizadas, clique no

ícone ..., na guia Extensões.

27/28
08/07/2020 Versão para impressão

8. Escolha Show Installed Extensions (ou “Mostrar extensões instaladas”). Você

verá uma listagem contando com a extensão “C#”, como na imagem a seguir.

A extensão C# será útil para trabalharmos no material Arquitetura web em

camadas, desta UC. Procure outras extensões e tente instalá-las para se acostumar
com o ambiente do VS Code.

Neste material, aprendemos sobre IDEs de desenvolvimento e as linguagens

suportadas. Estudamos o Visual Studio Code e aprendemos sobre as ferramentas
necessárias para a instalação e suas funcionalidades. Também elaboramos nosso
primeiro projeto, juntamente com a sua compilação.

28/28