CodeSandbox

Untitled

為了要能儲存我們的程式,我們要利用「Sign Up」,可以直接利用google帳號登入

Untitled

如果有多個google帳號,選擇你要的帳戶

Untitled

進入自己的空間 (Home)

Untitled

設定空間,我們先選擇空白的頁面,點選「New Sandbox」

Untitled

點選「Cloud templates」(或Official templates/Frontend Frameworks),就能看到Vue的樣板。

Untitled

點選「Vue (Vite)」樣板(Template),就會產生一個空白的Vue專案。Vue專案跟一個靜態網頁專案的樣子不太一樣。

Untitled

現在,我們其實就產生了一個以Vue為基礎的網站了,大家可以拿起自己的手機,輸入右邊框框裡的網址,就可以在手機上看到一模一樣的內容。

Untitled

Visual Studio Code (VS Code)

下載VS Code,並執行安裝檔。

Untitled