Menyediakan Persekitaran Pembangunan
Konfigurasikan persekitaran pembangunan anda untuk mencipta sambungan Chrome dan Edge, termasuk penyediaan pelayar serta alat asas.
Menyediakan Persekitaran Pembangunan ialah pelajaran Pembangunan Sambungan Pelayar (Chrome & Edge) percuma di CoddyKit. Ini ialah pelajaran 2 daripada 4. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Pembangunan Sambungan Pelayar (Chrome & Edge), dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Pembangunan Sambungan Pelayar (Chrome & Edge) merangkumi sejumlah 4 pelajaran.
Bersedia untuk Membina!
Sebelum membina, sediakan ruang kerja anda — menyediakan alat terlebih dahulu menjadikan pengekodan lebih lancar dan membolehkan anda menguji extensions dengan cekap.
Pelayar Anda ialah Makmal Anda
Pelayar anda ialah makmal anda. Chrome dan Edge mempunyai ciri pembangunan terbina dalam; langkah pertama ialah menghidupkan "Mod Pembangun" khasnya.
Hidupkan Mod Pembangun
Dayakan Mod Pembangun: buka chrome://extensions dan togol suis di penjuru kanan sebelah atas. Tindakan ini membolehkan anda memuatkan dan menguji extensions sendiri.
Rumah Extension Anda
Setiap extension memerlukan folder sendiri untuk semua failnya. Cipta satu folder kosong — contohnya my-first-extension — sebagai tempat kita meletakkan manifest dan kod.
Fail Manifest yang Penting
manifest.json ialah pelan tindakan extension anda — ia memberitahu pelayar butiran penting. Mulakan dengan fail minimum di dalam folder anda.
Pilih Penyunting Kod
Mana-mana penyunting boleh digunakan, tetapi penyunting kod sebenar menyediakan penyerlahan, pelengkap automatik dan penyahpepijatan. VS Code ialah pilihan percuma yang popular — dapatkannya jika perlu.
Muatkan Extension Tanpa Pakej
Dengan Mod Pembangun dihidupkan, klik Muatkan tanpa pakej dan pilih folder anda. Extension anda sepatutnya muncul dalam senarai, mungkin bersama ikon pada bar alat.
Muat Semula untuk Kemas Kini
Selepas mengedit fail, pelayar tidak akan melihat perubahan sehingga anda memuat semula — tekan ikon muat semula pada kad extension anda di chrome://extensions.
Nyahpepijat dengan DevTools
Nyahpepijat extensions dengan DevTools, sama seperti halaman web. Setiap kad mempunyai pautan ke "pekerja perkhidmatan" latar belakang atau pemeriksa tetingkap timbulnya untuk penelitian lanjut.
Semakan Persekitaran Pembangunan
Anda telah mempelajari langkah penting untuk menyediakan pelayar dan memuatkan extension pertama anda. Mari uji pemahaman anda!
Antara tindakan berikut, yang manakah diperlukan untuk melihat perubahan pada extension anda selepas mengubah suai failnya?
Persediaan Selesai!
Persekitaran anda sudah siap: Mod Pembangun dihidupkan, folder dengan manifest.json, pemuatan dan pemuatan semula tanpa pakej serta DevTools untuk penyahpepijatan. Mari teruskan!
Pelajari JavaScript dengan tutor kecerdasan buatan — percuma
Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.
- Kursus
- 12
- Pelajaran
- 48
Soalan Lazim
Adakah pelajaran “Menyediakan Persekitaran Pembangunan” percuma?
Ya — teks penuh “Menyediakan Persekitaran Pembangunan” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus Pembangunan Sambungan Pelayar (Chrome & Edge), tingkat taraf kepada CoddyKit PRO. Kursus Pembangunan Sambungan Pelayar (Chrome & Edge) merangkumi sejumlah 4 pelajaran.
Apakah yang akan saya pelajari dalam “Menyediakan Persekitaran Pembangunan”?
Konfigurasikan persekitaran pembangunan anda untuk mencipta sambungan Chrome dan Edge, termasuk penyediaan pelayar serta alat asas. Anda berlatih Pembangunan Sambungan Pelayar (Chrome & Edge) menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.
Adakah saya memerlukan pengalaman untuk memulakan Pembangunan Sambungan Pelayar (Chrome & Edge)?
Tiada pengalaman terdahulu diperlukan. Pembelajaran Pembangunan Sambungan Pelayar (Chrome & Edge) di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 2 daripada 4.
Berapa lamakah pelajaran “Menyediakan Persekitaran Pembangunan” diambil?
Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.
Bolehkah saya menulis dan menjalankan kod dalam pelajaran Pembangunan Sambungan Pelayar (Chrome & Edge) ini?
Ya. Setiap pelajaran Pembangunan Sambungan Pelayar (Chrome & Edge) menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.
Semua pelajaran dalam kursus ini
- Apakah Sambungan Pelayar?
- Menyediakan Persekitaran Pembangunan
- Sambungan 'Hello World' Pertama Anda
- Anatomi Projek Sambungan