Rumah > Artikel > alat pembangunan > Bagaimana untuk menulis kod asas dalam webstorm
Bagaimana untuk menulis kod asas dalam webstorm
- 下次还敢asal
- 2024-04-08 16:24:26383semak imbas
Menulis kod asas dalam WebStorm termasuk langkah berikut: 1. Buat projek dan fail, termasuk index.html, styles.css dan script.js. 2. Tulis kod HTML, termasuk tajuk dan pautan gaya. 3. Tulis kod CSS dan tetapkan fon dan gaya. 4. Tulis kod JavaScript untuk mendapatkan elemen tajuk dan dengar acara klik. 5. Jalankan kod untuk memaparkan halaman web dalam penyemak imbas dan balas peristiwa klik.
Tulis kod asas dalam WebStorm
1. Buat projek baharu
- Buka WebStorm dan klik "Projek Baru".
- Pilih "Node.js & JavaScript".
- Masukkan nama dan laluan projek dan klik "Buat".
2. Cipta fail asas
-
Buat fail berikut dalam folder projek:
- index.html (fail HTML)
- styles.css (fail CSS.js) ))
<code class="html"><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>基础 HTML</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>欢迎来到 WebStorm</h1>
</body>
</html></code>
<code class="css">body {
font-family: Arial, sans-serif;
font-size: 16px;
}
h1 {
color: blue;
text-align: center;
}</code>
Rreee
Dalam WebStorm , klik "Run> Run".Pilih fail "index.html".
Pelayar akan membuka halaman web yang menunjukkan teks "Selamat Datang ke WebStorm".- Klik pada pengepala h1 dan teks akan bertukar kepada "Selamat Datang ke WebStorm, kod JavaScript asas di sini!".
Atas ialah kandungan terperinci Bagaimana untuk menulis kod asas dalam webstorm. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!