TypeScript Dukungan dan fitur yang disempurnakan - AWS Cloud9
Fitur produktivitas proyek yang tersediaBuat Proyek Bahasa

AWS Cloud9 tidak lagi tersedia untuk pelanggan baru. Pelanggan yang sudah ada AWS Cloud9 dapat terus menggunakan layanan seperti biasa. Pelajari selengkapnya

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 disempurnakan

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

Untuk menggunakan IDE untuk membuat proyek bahasa di lingkungan Anda, lihatBuat Proyek Bahasa.

Fitur produktivitas proyek yang tersedia

AWS Cloud9 IDEIni menyediakan fitur produktivitas proyek berikut untuk TypeScript.

Pelengkapan otomatis

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

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

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

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 . Sebagai 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.

  • Tidak IDE dapat menemukan beberapa atau semua referensi simbol itu dalam proyek file aktif.

  • IDETidak memiliki akses ke satu atau beberapa lokasi di mana simbol itu direferensikan dalam proyek file aktif.

Pergi ke Definisi

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

Untuk melakukan ini, pada titik penyisipan di mana saja di dalam simbol, jalankan perintah Jump to Definition . Sebagai 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.

  • Tidak IDE dapat menemukan lokasi definisi dalam proyek file aktif.

  • IDETidak memiliki akses ke lokasi definisi dalam proyek file aktif.

Pergi ke Simbol

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.

  2. Jalankan perintah Go to Symbol . Sebagai 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).

  3. 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

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 dapat menggunakan IDE untuk mencari referensi dan definisi dari dalam file di tingkat root lingkungan yang bukan bagian dari proyek. IDEMungkin kemudian mencari hanya 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

  1. Pastikan Anda telah TypeScript menginstal di lingkungan. Untuk informasi selengkapnya, lihat Langkah 1: Pasang alat yang diperlukan di TypeScript tutorial untuk AWS Cloud9.

  2. Dari sesi terminal di IDE for the environment, beralihlah 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

  3. Di root direktori tempat Anda ingin membuat proyek, jalankan TypeScript kompiler dengan --initopsi.

    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: