3.1 環境安裝與網頁檔案的認識

1 瀏覽器

Chrome (課堂上使用這個)
Firefox
Safari (Macbook 筆電才有)
Edge

2 編輯器

VS Code (課堂上使用這個，若有其它偏好也可)

3 建立資料夾及啟動 live server

建立一個 js_course 資料夾。
啟動本機端網站：安裝套件 live server。

看影片示範即可：

按照影片示範的結果，目前有了 http://127.0.0.1:5500 這樣的本機端網站，會指向到 js_course 資料夾。

4 認識網頁檔

上述的影片當中，建立了 index2.html，假設有以下內容(快捷鍵：驚嘆號 + Enter)，任何的網頁都是從此處開始：

<!DOCTYPE html>
<html lang="zh-Hant">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>這是網頁標題</title>

  </head>
  <body>


  </body>
</html>

然後以下黃框區域的原始碼：

5 下載專案資料夾

透過以下連結，下載完整資料夾，用 VS Code 的 live server 來瀏覽。

https://alldata.sgp1.digitaloceanspaces.com/sample/js_course_lottery_todolist.zip

Previous3 樂透開獎 + 兌獎 Next3.2 變數

Last updated 3 years ago

hashtag1 瀏覽器

hashtag2 編輯器

hashtag3 建立資料夾及啟動 live server

hashtag4 認識網頁檔

hashtag5 下載專案資料夾

1 瀏覽器

2 編輯器

3 建立資料夾及啟動 live server

4 認識網頁檔

5 下載專案資料夾