Suporte aprimorado e recursos ao TypeScript - AWS Cloud9
Recursos disponíveis para produtividade de projetoCriar um projeto de linguagem

AWS Cloud9 não está mais disponível para novos clientes. Os clientes atuais do AWS Cloud9 podem continuar usando o serviço normalmente. Saiba mais

As traduções são geradas por tradução automática. Em caso de conflito entre o conteúdo da tradução e da versão original em inglês, a versão em inglês prevalecerá.

Suporte aprimorado e recursos ao TypeScript

O IDE do AWS Cloud9 permite o uso de projetos de linguagem para acessar recursos aprimorados de produtividade para TypeScript. Um projeto de linguagem é um conjunto de arquivos, pastas e configurações no IDE para um ambiente de desenvolvimento do AWS Cloud9.

Para usar o IDE na criação de um projeto de linguagem no ambiente, consulte Criar um projeto de linguagem.

Recursos disponíveis para produtividade de projeto

O IDE do AWS Cloud9 fornece os seguintes recursos de produtividade para TypeScript.

Autocompletar

À medida que você digita em um arquivo no editor, uma lista de símbolos é exibida no ponto de inserção para esse contexto, se houver símbolos disponíveis.

Para inserir um símbolo da lista no ponto de inserção, se o símbolo ainda não tiver sido escolhido, escolha-o usando a tecla de seta para cima ou para baixo e, em seguida, pressione Tab.

Antes de pressionar Tab, pode ser que uma screentip seja exibida com informações sobre o símbolo escolhido, se estiver disponível.

Para fechar a lista sem inserir um símbolo, pressione Esc.

Ícones Gutter

Os ícones podem aparecer na gutter para o arquivo ativo. Esses ícones destacam possíveis problemas, como avisos e erros no código antes de executá-lo.

Para obter mais informações sobre um problema, pause o ponteiro do mouse sobre o ícone da ocorrência.

Correções rápidas

No arquivo ativo no editor, você pode exibir informações sobre erros e avisos de codificação, com possíveis correções que você pode aplicar automaticamente ao código. Para exibir informações de erro ou de aviso e as possíveis correções, escolha qualquer parte do código que tem um sublinhado pontilhado vermelho (para erros) ou um sublinhado pontilhado cinza (para avisos). Ou, com o cursor pausado no código que tem um sublinhado pontilhado vermelho ou cinza, pressione Option-Enter (para macOS) ou Alt-Enter (para Linux ou Windows). Para aplicar uma correção proposta, escolha a correção na lista ou use as teclas de seta para selecionar a correção e pressione Enter. Para ativar ou desativar a escolha de correções rápidas com cliques do mouse, selecione AWS Cloud9, Preferences (Preferências), User Settings (Configurações do usuário), Language (Linguagem), Hints & Warnings (Dicas e avisos), Show Available Quick Fixes on Click (Mostrar correções rápidas com um clique).

Encontrar Referências

No arquivo ativo no editor, você pode exibir todas as referências para o símbolo no ponto de inserção, se o IDE tiver acesso a essas referências.

Para fazer isso, no ponto de inserção em qualquer lugar dentro do símbolo, execute o comando Find References . Por exemplo:

  • Clique com o botão direito do mouse no ponto de inserção e, em seguida, selecione Find References (Encontrar Referências).

  • Na barra de menu, selecione Go (Ir) e Find References (Encontrar Referências).

  • Pressione Shift-F3 por padrão para macOS, Windows ou Linux.

Se as referências estiverem disponíveis, um painel será aberto na parte superior do arquivo ativo, ao lado do símbolo. O painel contém uma lista dos arquivos onde o símbolo é referenciado. O painel exibe a primeira referência na lista. Para exibir uma referência diferente, escolha a referência desejada na lista.

Para fechar o painel, selecione o ícone fechar (X) no painel ou pressione Esc.

O comando Find References pode ser desativado, ou pode não funcionar como esperado, nas seguintes condições:

  • Não há referências para esse símbolo no projeto do arquivo ativo.

  • O IDE não encontrou nenhuma referência do símbolo no projeto do arquivo ativo.

  • O IDE não tem acesso a um ou mais locais onde esse símbolo é referenciado no projeto do arquivo ativo.

Ir para a definição

No arquivo ativo no editor, você pode ir de um símbolo para o local em que ele é definido, se o IDE tiver acesso a essa definição.

Para fazer isso, no ponto de inserção em qualquer lugar dentro do símbolo, execute o comando Jump to Definition . Por exemplo:

  • Clique com o botão direito do mouse no ponto de inserção e, em seguida, selecione Jump to Definition (Pular para a definição).

  • Na barra de menus, escolha Go (Ir) e Jump to Definition (Pular para a definição).

  • Pressione F3 por padrão para macOS, Windows ou Linux.

Se a definição estiver disponível, o ponto de inserção mudará para essa definição, mesmo que a definição esteja em um arquivo separado.

O comando Jump to Definition pode ser desativado, ou pode não funcionar como esperado, nas seguintes condições:

  • O símbolo é um símbolo primitivo para essa linguagem.

  • O IDE não encontrou o local da definição no projeto do arquivo ativo.

  • O IDE não tem acesso ao local da definição no projeto do arquivo ativo.

Acessar símbolo

Você pode acessar um determinado símbolo em um projeto, como mostrado a seguir.

  1. Ative um dos arquivos no projeto abrindo-o no editor. Se o arquivo já estiver aberto, selecione a guia no editor para torná-lo ativo.

  2. Execute o comando Go to Symbol . Por exemplo:

    • Selecione o botão da janela Go (Ir) (ícone de lupa). Na caixa Go to Anything (Ir para qualquer um), digite @, e, em seguida, comece a digitar o símbolo.

    • Na barra de menus, selecione Go (Ir) e Go To Symbol (Ir para o símbolo). Na janela Ir, comece a digitar o símbolo depois de @.

    • Pressione Command-2 ou Command-Shift-O por padrão para macOS, ou Ctrl-Shift-O por padrão para Windows ou Linux. Na janela Ir, comece a digitar o símbolo depois de @.

    Por exemplo, para encontrar todos os símbolos no projeto denominado toString, comece a digitar @toString (ou comece a digitar toString após @, se @ já estiver sendo exibido).

  3. Se você vir o símbolo desejado na lista Symbols (Símbolos), selecione-o com um clique. Ou use a tecla de seta para cima ou para baixo para selecioná-lo e, em seguida, pressione Enter. O ponto de inserção então muda para esse símbolo.

Se o símbolo que você deseja acessar não estiver no projeto do arquivo ativo, esse procedimento pode não funcionar como esperado.

Criar um projeto de linguagem

Use o procedimento a seguir para criar um projeto de linguagem que funcionará com os recursos de produtividade de projeto compatíveis no IDE do AWS Cloud9.

nota

Recomendamos utilizar os recursos de produtividade de projeto compatíveis em arquivos que façam parte de um projeto de linguagem. Embora seja possível usar alguns recursos de produtividade de projeto em um arquivo que não faça parte de um projeto, esses recursos podem se comportar com resultados inesperados.

Por exemplo, você pode usar o IDE para pesquisar referências e definições de dentro de um arquivo no nível da raiz de um ambiente que não faz parte de um projeto. O IDE pode, então, pesquisar apenas em arquivos no mesmo nível de raiz. Isso pode resultar em nenhuma referência ou definições encontradas, mesmo que essas referências ou definições de fato existam nos projetos de linguagem em outro lugar no mesmo ambiente.

Criar um projeto de linguagem TypeScript

  1. Verifique se o TypeScript está instalado no ambiente. Para ter mais informações, consulte Etapa 1: Instalar as ferramentas necessárias no Tutorial do TypeScript para AWS Cloud9.

  2. Em uma sessão de terminal no IDE para o ambiente, mude para o diretório no qual você deseja criar o projeto. Se o diretório não existir, crie-o e depois mude para ele. Por exemplo, os comandos a seguir criam um diretório chamado my-demo-project na raiz do ambiente (em ~/environment), e mudam para esse diretório.

    mkdir ~/environment/my-demo-project
cd ~/environment/my-demo-project

  3. Na raiz do diretório onde você deseja criar o projeto, execute o compilador TypeScript com a opção --init .

    tsc --init

    Se esse comando tiver êxito, o compilador TypeScript cria um arquivo tsconfig.json na raiz do diretório para o projeto. Você pode usar esse arquivo para definir diversas configurações do projeto, como as opções do compilador TypeScript e arquivos específicos a serem incluídos ou excluídos do projeto.

    Para obter mais informações sobre o arquivo tsconfig.json, consulte: