AMP

設定

先決條件

開始本教學課程前,您需要準備以下項目

  • HTML、CSS 和 JavaScript 的基本知識
  • 您選擇的瀏覽器
  • 您選擇的文字編輯器
  • Node.js 和 NPM 已安裝在您的電腦上

設定您的開發環境

步驟 1:下載程式碼

以下載 ZIP 檔案或透過 git 的方式下載本教學課程的入門程式碼

git clone https://github.com/googlecodelabs/advanced-interactivity-in-amp.git

步驟 2:安裝依附元件

解壓縮封存檔 (如有必要),然後導覽至該目錄。執行 npm install 以安裝依附元件。

cd advanced-interactivity-in-amp
npm install

步驟 3:執行開發伺服器

使用 node.js 啟動開發伺服器

node app.js

接著,在您的網頁瀏覽器中導覽至 https://127.0.0.1:3000,即可查看執行中的 AMP 網頁!