Bermula dengan Typescript

Hai, rakan pembangun! Hari ini, kami melompat ke dunia TypeScript. Sama ada anda seorang pembangun JavaScript yang berpengalaman atau baru bermula, TypeScript benar-benar boleh membawa kejelasan dan kekuatan kepada kod anda. Dalam siaran ini, kami akan membincangkan asas tentang apa itu TypeScript, sebab anda perlu mempertimbangkan untuk menggunakannya dan cara untuk bermula. Jom dapatkan pengekodan!

Apakah Typescript?

TypeScript ialah superset JavaScript yang ditaip kuat yang disusun kepada JavaScript biasa. Ini bermakna anda boleh menulis kod TypeScript yang kelihatan seperti JavaScript, tetapi dengan ciri tambahan yang membantu anda menangkap ralat lebih awal dan meningkatkan kualiti kod anda.

Ciri utama Typescript

• Taipan Statik: Tangkap ralat berkaitan jenis pada masa disusun.
• Jenis Inferens: Menyimpulkan jenis secara automatik untuk menjimatkan sedikit penaipan anda.
• Ciri JavaScript Moden: Gunakan ciri ES6/ES7 dan banyak lagi, walaupun ia belum lagi disokong dalam persekitaran sasaran anda.
• Keserasian: Kod TypeScript dikompilasi ke JavaScript biasa, memastikan ia berjalan di mana-mana sahaja JavaScript dijalankan.

Mengapa menggunakan Typescript

Anda mungkin tertanya-tanya, "Mengapa saya perlu menggunakan TypeScript dan bukannya hanya menggunakan JavaScript?" Berikut ialah beberapa sebab yang menarik:

• Kualiti Kod Dipertingkat: Sistem jenis TypeScript membantu menangkap ralat lebih awal, mengurangkan pepijat.

• Peralatan yang Lebih Baik: Autolengkap, navigasi dan pemfaktoran semula yang dipertingkatkan dalam IDE anda.

• Skalabiliti: Apabila projek berkembang, TypeScript menjadikannya lebih mudah untuk mengurus pangkalan kod yang kompleks.

• Saling kendali: Sepadukan TypeScript dengan lancar ke dalam projek JavaScript sedia ada.

Menyediakan Persekitaran TypeScript Anda

Mari sediakan persekitaran anda supaya anda boleh mula menulis kod TypeScript.

Langkah 1: Pasang Node.js dan npm

Pertama, pastikan anda memasang Node.js dan npm. Anda boleh memuat turunnya daripada nodejs.org.

Langkah 2: Pasang TypeScript

Buka terminal anda dan jalankan arahan berikut untuk memasang TypeScript secara global:

npm install -g typescript

Langkah 3: Mulakan Projek TypeScript

Navigasi ke direktori projek anda dan mulakan projek TypeScript:

mkdir my-typescript-project
cd my-typescript-project
tsc --init

Ini mencipta fail tsconfig.json dalam projek anda, yang boleh anda konfigurasikan untuk menyesuaikan tingkah laku TypeScript.

Langkah 4: Tulis Program TypeScript Pertama Anda

Buat fail baharu bernama index.ts dan tambah kod berikut:

function greet(name: string): string {
    return `Hello, ${name}!`;
}

const user = "World";
console.log(greet(user));

Langkah 5: Susun dan Jalankan Kod TypeScript Anda

Kompilasi kod TypeScript anda kepada JavaScript menggunakan pengkompil TypeScript:

tsc index.ts

Arahan ini menjana fail index.js. Anda boleh menjalankannya dengan Node.js:

node index.js

Anda sepatutnya melihat output: Helo, Dunia!

Alat dan Sumber untuk TypeScript

Untuk membantu anda sepanjang perjalanan TypeScript anda, berikut ialah beberapa alatan dan sumber yang berguna:

• ** Kod Visual Studio: ** Penyunting kod popular dengan sokongan TypeScript yang sangat baik. (Kod VS)

• ** Taman Permainan TypeScript: ** Editor dalam talian untuk mencuba TypeScript. (pautan taman permainan)

• ** Dokumentasi Rasmi: ** Panduan dan rujukan komprehensif (pautan dokumen)

Kesimpulan

Tahniah! Anda telah mengambil langkah pertama anda ke dunia TypeScript. Dalam siaran ini, kami telah membincangkan asas tentang apa itu TypeScript, sebab ia berfaedah dan cara untuk bermula. Nantikan siaran seterusnya dalam siri ini, di mana kami akan menyelami lebih mendalam konsep dan ciri teras TypeScript.

Selamat mengekod!

Jangan ragu untuk berkongsi pendapat dan soalan anda dalam ulasan di bawah. Jumpa lagi lain kali!

Atas ialah kandungan terperinci Bermula dengan Typescript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!