Bagaimana untuk menulis kod asas dalam webstorm-webstorm-php.cn

Bagaimana untuk menulis kod asas dalam webstorm

下次还敢

Lepaskan： 2024-04-08 16:24:26

asal

438 orang telah melayarinya

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.

Bagaimana untuk menulis kod asas dalam webstorm

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) ))

3. Tulis kod HTML asas

<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>

Salin selepas log masuk

4 Tulis kod CSS asas

<code class="css">body {
  font-family: Arial, sans-serif;
  font-size: 16px;
}

h1 {
  color: blue;
  text-align: center;
}</code>

Salin selepas log masuk

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!