Dalam pembangunan web moden, JavaScript telah lama menjadi bahagian yang sangat diperlukan. Pada masa yang sama, apabila kandungan dan fungsi terus meningkat, alat yang lebih cekap, ringkas dan mudah digunakan diperlukan untuk menulis kod JavaScript. Di antara banyak alat, IDEA (IntelliJ IDEA) oleh JetBrains sudah pasti salah satu pilihan yang paling popular dan boleh dipercayai. Artikel ini akan membawa pembaca memperoleh pemahaman yang mendalam tentang cara menulis JavaScript dalam IDEA.
Mula-mula, anda perlu memuat turun dan memasang perisian IntelliJ IDEA yang terkini. Anda boleh memuat turunnya dari laman web rasmi www.jetbrains.com. Selepas memuat turun fail exe, klik dua kali untuk memasang dan ikuti langkah untuk memasang. Selepas pemasangan selesai, kita perlu mengkonfigurasi IDEA. Dalam IDEA, anda perlu menetapkan editor lalai untuk jenis fail JavaScript. Di penjuru kanan sebelah atas tetingkap IDEA, klik menu "Fail" dan pilih "Tetapan" - "Editor" - "Jenis Fail". Cari jenis fail JavaScript dalam kotak dialog dan pastikan ia diberikan kepada IDEA.
Dalam IDEA, anda boleh mencipta projek JavaScript baharu. Dalam antara muka utama IDEA, pilih "Buat Projek Baharu" dan pilih "JavaScript" dalam kotak dialog "Projek Baharu". Di bawah nama projek, pilih lokasi untuk menyimpan fail pada mesin tempatan anda. Anda boleh memilih perpustakaan dan rangka kerja yang anda mahu gunakan dalam dialog berikut. Terdapat juga pilihan untuk menggunakan npm untuk menguruskan kebergantungan jika diperlukan.
Dalam IDEA, anda boleh membuat fail JavaScript baharu dengan mudah. Dalam anak tetingkap Projek, pilih folder tempat anda ingin menambah fail baharu. Klik kanan folder dan pilih Baharu - Fail JavaScript, kemudian tentukan nama fail. Adalah disyorkan untuk menyimpan fail dengan sambungan fail .js. Dalam IDEA, anda boleh memilih untuk menggunakan editor teks biasa atau menggunakan editor JavaScript yang lebih maju. Kaedah khusus adalah seperti berikut:
IDEA disertakan dengan fungsi pelengkapan kod yang boleh membantu anda menulis kod JavaScript dengan lebih cekap. Sebagai contoh, apabila menaip objek, IDEA akan menyenaraikan semua sifat dan nama kaedah objek secara automatik.
Jika anda menaip kod JavaScript dengan agak cepat, menaip kekunci anak panah ke bawah boleh membantu anda memulakan penyiapan kod. Jika anda tidak tahu nama fungsi atau objek, anda boleh menggunakan fungsi carian dalam IDEA. Gunakan pintasan "Ctrl + Goto Symbol..." untuk melompat ke takrifan fungsi atau objek.
Dalam IDEA, anda boleh menggunakan penyahpepijat JavaScript untuk membantu anda nyahpepijat kod JavaScript. Penyahpepijat membolehkan anda menjalankan kod JavaScript dalam IDEA dan memeriksa nilai pembolehubah, panggilan fungsi dan ralat masa jalan lain semasa kod tersebut dilaksanakan. Dalam IDEA, anda boleh menggunakan beberapa jenis penyahpepijat JavaScript yang berbeza:
Jika anda perlu menggunakan penyahpepijat Chrome, sila ikut langkah berikut:
Setelah anda menulis kod JavaScript lengkap anda, anda boleh menggunakan IDEA untuk membungkusnya ke dalam fail yang boleh digunakan atau memuat naiknya ke web pelayan. Sebagai contoh, anda boleh menggunakan pilihan "Eksport ke HTML dengan JavaScript" dalam IDEA untuk membungkus kod JavaScript anda ke dalam fail HTML.
Selain itu, IDEA mempunyai ciri yang sangat berkuasa yang boleh mengurus kebergantungan melalui npm. Dalam IDEA, anda boleh menggunakan npm Node.js untuk memasang dan mengurus kebergantungan. Anda hanya perlu menambah nama dependensi yang perlu anda pasang pada fail package.json dan kemudian gunakan arahan npm dalam IDEA untuk memasangnya.
Ringkasan
Dalam IDEA, kita boleh menggunakan pelbagai alatan dan fungsi untuk menulis kod JavaScript, seperti penyiapan kod automatik, penyahpepijat, npm, dsb. Menggunakan IDEA untuk menulis kod JavaScript boleh meningkatkan kecekapan pengaturcaraan dan kebolehbacaan kod dengan ketara. Memandangkan penggunaan JavaScript terus berkembang, IDEA akan menjadi alat penting.
Atas ialah kandungan terperinci Bagaimana untuk menulis javascript menggunakan idea. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!