設定
先決條件
開始本教學課程前,您需要準備以下項目
- 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 網頁!