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](https://aws.amazon.com/blogs/devops/how-to-migrate-from-aws-cloud9-to-aws-ide-toolkits-or-aws-cloudshell/) 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á. # TypeScript Suporte e recursos aprimorados O AWS Cloud9 IDE permite que você use *projetos de linguagem* para acessar recursos aprimorados de produtividade para TypeScript. Um projeto de linguagem é uma coleção de arquivos, pastas e configurações relacionados no IDE para um ambiente de AWS Cloud9 desenvolvimento. Para usar o IDE na criação de um projeto de linguagem no ambiente, consulte [Criar um projeto de linguagem](#projects-create). ## Recursos disponíveis para produtividade de projeto O AWS Cloud9 IDE fornece os seguintes recursos de produtividade do projeto 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. 1. 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). 1. 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 do projeto suportados no AWS Cloud9 IDE. **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. ### Crie um projeto de TypeScript linguagem 1. Certifique-se de ter TypeScript instalado no ambiente. Para ter mais informações, consulte [Etapa 1: Instalar as ferramentas necessárias](sample-typescript.md#sample-typescript-install) no [TypeScript tutorial para AWS Cloud9](sample-typescript.md). 1. 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 ``` 1. Na raiz do diretório em que você deseja criar o projeto, execute o TypeScript compilador com a **`--init`**opção. ``` tsc --init ``` Se esse comando for bem-sucedido, o TypeScript compilador cria um `tsconfig.json` arquivo na raiz do diretório do projeto. Você pode usar esse arquivo para definir várias configurações do projeto, como opções do TypeScript compilador e arquivos específicos a serem incluídos ou excluídos do projeto. Para obter mais informações sobre o arquivo `tsconfig.json`, consulte: + [tsconfig.json Visão geral do site](https://www.typescriptlang.org/docs/handbook/tsconfig-json.html). TypeScript + [tsconfig.json Schema (Esquema tsconfig.json)](http://json.schemastore.org/tsconfig) no site json.schemastore.org.