Skip to content

建立專案

麻煩大家先切換 node.js 版本,我用 16.19.1 會遇到錯誤,18.14.0 沒有錯誤。

bash
npm ERR! Unexpected token '.'
npm ERR! Unexpected token '.'

以下指令都使用 git bash 執行,也可以用 cmd 執行(理論上):

建立專案

  1. 輸入指令建立專案

    bash
    npm create vuetify
    npm create vuetify
  2. 設定項目:

    • 輸入專案名稱(這裡用 v3app)
    • 選擇 Essentials (Vuetify, VueRouter, Pinia)
    • Use Typescript 選 No
    • 安裝程式選 npmyarn(若有安裝)。

  3. vuetify-cli 在建立完專案之後就會自動安裝套件...

啟動專案

  1. 進入專案資料夾
    bash
    cd v3app
    cd v3app
  2. 以 VSCode 打開專案
    bash
    code .
    code .
  3. ctrl+打開 console
  4. 啟動開發伺服器
    bash
    npm run dev
    npm run dev
    結果:
  5. 瀏覽器打開網址 http://localhost:3000/

Reference