AWS Cloud9 tidak lagi tersedia untuk pelanggan baru. Pelanggan yang sudah ada AWS Cloud9 dapat terus menggunakan layanan seperti biasa. [Pelajari selengkapnya](https://aws.amazon.com/blogs/devops/how-to-migrate-from-aws-cloud9-to-aws-ide-toolkits-or-aws-cloudshell/)

Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.

# TypeScript Dukungan dan fitur yang ditingkatkan
<a name="projects"></a>

 AWS Cloud9 IDE memungkinkan Anda menggunakan *proyek bahasa* untuk mengakses fitur produktivitas yang ditingkatkan TypeScript. Proyek bahasa adalah kumpulan file, folder, dan pengaturan terkait di IDE untuk lingkungan AWS Cloud9 pengembangan.

Untuk menggunakan IDE untuk membuat proyek bahasa di lingkungan Anda, lihat [Buat Proyek Bahasa](#projects-create).

## Fitur produktivitas proyek yang tersedia
<a name="projects-features"></a>

 AWS Cloud9 IDE menyediakan fitur produktivitas proyek berikut untuk TypeScript.

### Pelengkapan otomatis
<a name="projects-features-autocomplete"></a>

Saat Anda mengetik di dalam file di editor, daftar simbol ditampilkan di titik penyisipan untuk konteks tersebut, jika ada simbol yang tersedia di sana.

Untuk menyisipkan simbol dari daftar pada titik penyisipan, jika simbol belum dipilih, pilih dengan menggunakan tombol panah atas atau bawah, lalu tekan `Tab`.

Sebelum Anda menekan `Tab`, Anda mungkin melihat tip layar yang berisi informasi tentang simbol yang Anda pilih, jika informasi tersedia.

Untuk menutup daftar tanpa memasukkan simbol, tekan `Esc`.

### Ikon selokan
<a name="projects-features-gutter-icons"></a>

Ikon mungkin muncul di selokan untuk file yang aktif. Ikon ini menyoroti kemungkinan masalah seperti peringatan dan kesalahan dalam kode sebelum Anda menjalankannya.

Untuk informasi selengkapnya tentang suatu masalah, hentikan penunjuk Anda pada ikon masalah tersebut.

### Perbaikan Cepat
<a name="projects-features-quick-fixes"></a>

Di file aktif di editor, Anda dapat menampilkan informasi tentang kesalahan dan peringatan pengkodean, dengan kemungkinan perbaikan yang dapat Anda terapkan secara otomatis ke kode itu. Untuk menampilkan informasi kesalahan atau peringatan dan perbaikan yang mungkin, pilih bagian mana pun dari kode yang memiliki garis bawah putus-putus merah (untuk kesalahan), atau garis bawah putus-putus abu-abu (untuk peringatan). Atau, dengan kursor terletak pada kode yang memiliki garis bawah putus-putus berwarna merah atau abu-abu, tekan `Option-Enter` (untuk macOS), atau `Alt-Enter` (untuk Linux atau Windows). Untuk menerapkan perbaikan yang diusulkan, pilih perbaikan dalam daftar, atau gunakan tombol panah untuk memilih perbaikan lalu tekan `Enter`. Untuk mengaktifkan atau menonaktifkan pemilihan perbaikan cepat dengan klik mouse, pilih **AWS Cloud9**, **Preferensi**, **Pengaturan Pengguna**, **Bahasa**, **Petunjuk & Peringatan**, **Tampilkan Perbaikan Cepat yang Tersedia saat Klik**.

### Temukan Referensi
<a name="projects-features-find-refs"></a>

Dalam file aktif di editor, Anda dapat menampilkan semua referensi ke simbol pada titik penyisipan, jika IDE memiliki akses ke referensi tersebut.

Untuk melakukan ini, pada titik penyisipan di mana saja di dalam simbol, jalankan perintah ** `Find References` **. Contoh:
+ Klik kanan pada titik penyisipan, lalu pilih **Temukan Referensi**.
+ Pada bilah menu, pilih **Pergi, Temukan Referensi**.
+ Tekan `Shift-F3` secara default untuk macOS, Windows, atau Linux.

Jika referensi tersedia, panel terbuka di atas file aktif, di samping simbol itu. Panel berisi daftar file tempat simbol direferensikan. Panel menampilkan referensi pertama dalam daftar. Untuk menampilkan referensi yang berbeda, pilih referensi tersebut dalam daftar.

Untuk menutup panel, pilih ikon tutup (**X**) di panel, atau tekan `Esc`.

Perintah ** `Find References` ** mungkin dinonaktifkan, atau mungkin tidak berfungsi seperti yang diharapkan, dalam kondisi berikut:
+ Tidak ada referensi ke simbol tersebut di proyek file aktif.
+ IDE tidak dapat menemukan beberapa atau semua referensi simbol itu dalam proyek file yang aktif.
+ IDE tidak memiliki akses ke satu atau lebih lokasi di mana simbol itu direferensikan dalam proyek file aktif.

### Pergi ke Definisi
<a name="projects-features-go-to-def"></a>

Dalam file aktif di editor, Anda dapat pergi dari simbol ke tempat simbol tersebut didefinisikan, jika IDE memiliki akses ke definisi tersebut.

Untuk melakukan ini, pada titik penyisipan di mana saja di dalam simbol, jalankan perintah ** `Jump to Definition` **. Contoh:
+ Klik kanan pada titik penyisipan, lalu pilih **Lompat ke Definisi**.
+ Pada bilah menu, pilih **Pergi, Lompat ke Definisi**.
+ Tekan `F3` secara default untuk macOS, Windows, atau Linux.

Jika definisi tersedia, titik penyisipan beralih ke definisi tersebut, meskipun definisi tersebut berada dalam file terpisah.

Perintah ** `Jump to Definition` ** mungkin dinonaktifkan, atau mungkin tidak berfungsi seperti yang diharapkan, dalam kondisi berikut:
+ Simbol tersebut merupakan simbol primitif untuk bahasa tersebut.
+ IDE tidak dapat menemukan lokasi definisi di proyek file aktif.
+ IDE tidak memiliki akses ke lokasi definisi di proyek file aktif.

### Pergi ke Simbol
<a name="projects-features-go-to-symbol"></a>

Anda dapat pergi ke simbol tertentu dalam sebuah proyek, sebagai berikut.

1. Jadikan salah satu file dalam proyek aktif dengan membukanya di editor. Jika file sudah terbuka, pilih tabnya di editor untuk membuat file tersebut aktif.

1. Jalankan perintah ** `Go to Symbol` **. Contoh:
   + Pilih tombol jendela **Pergi** (ikon kaca pembesar). Di kotak **Pergi ke Apapun**, ketik `@`, lalu mulailah mengetik simbol.
   + Pada bilah menu, pilih **Pergi, Pergi ke Simbol**. Di jendela **Pergi**, mulailah mengetik simbol setelah **@**.
   + Tekan `Command-2` atau `Command-Shift-O` secara default untuk macOS, atau `Ctrl-Shift-O` secara default untuk Windows atau Linux. Di jendela **Pergi**, mulailah mengetik simbol setelah **@**.

   Misalnya, untuk menemukan semua simbol dalam proyek dengan nama `toString`, mulailah mengetik `@toString` (atau mulai mengetik `toString` setelah **@**, jika **@** sudah ditampilkan).

1. Jika Anda melihat simbol yang Anda inginkan dalam daftar **Simbol**, pilih dengan mengkliknya. Atau gunakan tombol panah atas atau panah bawah untuk memilihnya, lalu tekan `Enter`. Titik penyisipan kemudian beralih ke simbol itu.

Jika simbol yang ingin Anda tuju tidak ada dalam proyek file aktif, prosedur ini mungkin tidak berfungsi seperti yang diharapkan.

## Buat Proyek Bahasa
<a name="projects-create"></a>

Gunakan prosedur berikut untuk membuat proyek bahasa yang akan bekerja dengan fitur produktivitas proyek yang didukung di AWS Cloud9 IDE.

**catatan**  
Kami merekomendasikan Anda menggunakan fitur produktivitas proyek yang didukung pada file yang merupakan bagian dari proyek bahasa. Meskipun Anda dapat menggunakan beberapa fitur produktivitas proyek yang didukung pada file yang bukan bagian dari proyek, fitur tersebut mungkin berperilaku dengan hasil yang tidak disangka.  
Misalnya, Anda mungkin menggunakan IDE untuk mencari referensi dan definisi dari dalam file di tingkat root lingkungan yang bukan bagian dari proyek. IDE kemudian mungkin hanya mencari di seluruh file pada tingkat root yang sama. Ini mungkin mengakibatkan tidak ada referensi atau definisi yang ditemukan, meskipun referensi atau definisi tersebut sebenarnya ada dalam proyek bahasa di tempat lain di lingkungan yang sama.

### Buat Proyek TypeScript Bahasa
<a name="projects-create-typescript"></a>

1. Pastikan Anda telah TypeScript menginstal di lingkungan. Untuk informasi selengkapnya, lihat [Langkah 1: Pasang alat yang diperlukan](sample-typescript.md#sample-typescript-install) di [TypeScript tutorial untuk AWS Cloud9](sample-typescript.md).

1. Dari sesi terminal di IDE untuk lingkungan, alihkan ke direktori tempat Anda ingin membuat proyek. Jika direktori tidak ada, buatlah lalu alihkan ke sana. Sebagai contoh, perintah berikut membuat direktori dengan nama `my-demo-project` di root lingkungan (dalam `~/environment`), lalu beralih ke direktori tersebut.

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

1. Di root direktori tempat Anda ingin membuat proyek, jalankan TypeScript kompiler dengan **`--init`**opsi.

   ```
   tsc --init
   ```

   Jika perintah ini berhasil, TypeScript compiler membuat `tsconfig.json` file di root direktori untuk proyek. Anda dapat menggunakan file ini untuk menentukan berbagai pengaturan proyek, seperti opsi TypeScript kompiler dan file tertentu untuk disertakan atau dikecualikan dari proyek.

   Untuk informasi selengkapnya tentang file `tsconfig.json`, lihat berikut ini:
   +  [tsconfig.json Ikhtisar](https://www.typescriptlang.org/docs/handbook/tsconfig-json.html) di situs web. TypeScript 
   +  [Skema tsconfig.json](http://json.schemastore.org/tsconfig) di situs web json.schemastore.org.