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