Penubahan persekitaran - TypeScript

Hai sana, bakal bintang pengkomputeran! Saya begitu gembira untuk menjadi pandu anda dalam perjalanan menarik ini ke dunia TypeScript. Sebagai seseorang yang telah mengajar pengkomputeran selama tahun-tahun, saya dapat katakan bahawa menyiapkan persekitaran pengembangan anda adalah seperti menyiapkan dapur anda sebelum masak makanan yang lezat. Mungkin ini bukan bagian yang paling menarik, tetapi ini sangat penting untuk pengalaman yang lancar dan menyenangkan. Jadi, mari kita lipatkan lengan dan mulai!

TypeScript - Environment Setup

Penubuhan persekitaran tempatan

Sebelum kita masuk ke hal-hal teknis TypeScript, kita perlu menyiapkan persekitaran tempatan kita. Anggap ini sebagai membuat ruang kerja coding anda - sebuah sudut nyaman di mana anda akan menghabiskan banyak waktu menciptakan program yang menakjubkan.

Instalasi Node.js

Pertama-tama, kita perlu menginstal Node.js. "Tunggu, bukan kita belajar TypeScript?" mungkin anda bertanya. Well, anda benar! Namun, Node.js adalah seperti tetangga ramah yang TypeScript bergantung padanya untuk banyak hal, termasuk menjalankan compiler TypeScript kita.

Ikuti langkah-langkah berikut untuk menginstal Node.js:

  1. Kunjungi website resmi Node.js (https://nodejs.org/).
  2. Unduh versi yang direkomendasikan untuk kebanyakan pengguna.
  3. Jalankan penginstal dan ikuti petunjuk.
  4. Setelah terinstal, buka terminal atau command prompt anda.
  5. Ketik node -v dan tekan Enter untuk memverifikasi instalasi.

Jika anda melihat nomor versi, congratulation! Anda telah berhasil menginstal Node.js. Jika tidak, jangan khawatir - kita semua pernah melalui itu. Periksa lagi langkah-langkah instalasi atau minta bantuan.

Sekarang kita punya Node.js, mari kita instal TypeScript:

  1. Buka terminal atau command prompt anda.
  2. Ketik perintah berikut dan tekan Enter:
npm install -g typescript

Perintah ini memberitahu npm (Node Package Manager) untuk menginstal TypeScript secara global di sistem anda. Setelah selesai, anda dapat memverifikasi instalasi dengan mengetik:

tsc -v

Jika anda melihat nomor versi, anda sudah siap!

Sokongan IDE

Sekarang kita telah menginstal alat pokok, adalah waktunya untuk memilih ruang kerja kita - Integrated Development Environment (IDE). Anggap IDE sebagai pisau瑞士 Army knife anda untuk pengkomputeran. Ini adalah tempat anda akan menulis, debug, dan menjalankan kode TypeScript anda.

Visual Studio Code

IDe pribadi saya (dan yang saya merekomendasikan kepada semua murid saya) adalah Visual Studio Code (VS Code). Ini gratis, kuat, dan memiliki dukungan yang bagus untuk TypeScript sejak awal.

Untuk mengatur VS Code:

  1. Kunjungi website VS Code (https://code.visualstudio.com/).
  2. Unduh dan instal versi untuk sistem operasi anda.
  3. Setelah terinstal, buka VS Code.

VS Code datang dengan dukungan TypeScript bawaan, tetapi mari kita pastikan itu menggunakan versi yang terinstal:

  1. Buat file baru dan simpan dengan ekstensi .ts (misalnya, hello.ts).
  2. Ketik kode berikut:
let message: string = "Hello, TypeScript!";
console.log(message);
  1. Tekan Ctrl + Shift + B (atau Cmd + Shift + B di Mac) untuk membuka menu Build Task.
  2. Pilih "tsc: build - tsconfig.json".
  3. Jika diminta untuk membuat file tsconfig.json, pilih "Yes".

Ini akan membuat file tsconfig.json di folder proyek anda, yang memberitahu TypeScript bagaimana mengkompilasi kode anda. Anda dapat menyesuaikan file ini kemudian saat anda menjadi lebih familiar dengan TypeScript.

Brackets

Meskipun VS Code adalah pilihan teratas saya, beberapa murid saya memilih Brackets, khususnya mereka yang datang dari latar belakang desain web. Brackets ringan dan fokus pada teknologi web.

Untuk mengatur Brackets untuk TypeScript:

  1. Unduh dan instal Brackets dari website resmi (http://brackets.io/).
  2. Buka Brackets dan pergi ke File > Extension Manager.
  3. Cari "TypeScript" dan instal ekstensi "Brackets TypeScript".
  4. Restart Brackets setelah instalasi.

Sekarang anda dapat membuat file .ts dan mulai mengoding dalam TypeScript!

Metode dan Alat yang Bermanfaat

Berikut adalah tabel dari beberapa metode dan alat yang berguna yang anda akan temui saat memulai perjalanan TypeScript anda:

Metode/Alat Deskripsi Contoh
tsc Perintah compiler TypeScript tsc hello.ts mengkompilasi hello.ts ke hello.js
tsc --watch Menonton perubahan file dan mengkompilasi secara otomatis tsc --watch hello.ts
npm init Inisiasi proyek Node.js baru Jalankan npm init di folder proyek anda
tsconfig.json File konfigurasi untuk kompilasi TypeScript Tentukan opsi compiler dan pengaturan proyek
console.log() Cetak output ke konsol console.log("Hello, World!");
node Menjalankan file JavaScript node hello.js menjalankan file JS yang dikompilasi

Ingat, ini hanya dasar-dasar. Saat anda maju, anda akan menemukan banyak alat dan metode menarik lainnya!

Penutup

Wah! Kita telah meliputi banyak hal hari ini, dari menginstal Node.js hingga mengatur IDE. Mungkin terasa sedikit overwhelming pada awalnya, tetapi percayalah, dengan latihan, ini semua akan menjadi kebiasaan.

Saya ingat saat pertama kali saya mulai mengoding, saya menghabiskan jam-jam hanya mencoba menyiapkan persekitaran saya dengan benar. Sekarang, ini sudah menjadi alami seperti membuat kopi pagi saya (yang, sebenarnya, adalah bagian penting dari setiap sesi pengodingan!).

Dalam perjalanan TypeScript kita, ingat bahwa setiap programmer yang hebat mulai tepat di tempat anda sekarang. Kunci adalah untuk tetap curiga, terus mencoba, dan jangan takut untuk bertanya.

Dalam pelajaran berikutnya, kita akan menulis program TypeScript pertama kita dan mengeksplor beberapa fitur unik bahasa ini. Sampai saat itu, selamat mengoding, dan semoga tanda seru anda selalu berada di tempat yang benar!

Credits: Image by storyset