郭欣玫的沙龍

vue3 部屬GitHub Page

2024/07/04閱讀時間約 1 分鐘

一開始你先把你的專案push上去後，修改vite.config.ts ，要在裡面新增

base: "/Cart/" (/放自己的專案名稱/)

build: {outDir: "docs"},

raw-image

接下來你要去你的github setting 裡面 -> Page ->選Deploy from a branch

在branch選main分支下的/docs。接著在git add，commit，push就可以囉

raw-image

就可以看到你部屬上去github page拉

raw-image

郭欣玫的沙龍

3會員

17內容數

留言0

查看全部

發表第一個留言支持創作者！

郭欣玫的沙龍的其他內容

1 + "1" = ?

今天要來討論 1 + "1" 。如果當兩個操作數都是數字時，+ 會執行數字相加。例如，1 + 1 結果是 2。那如果是"1"+"1"，就變成字符串相加變成11。那我們今天要講的是1 + "1"，答案是11，為甚麼呢? 這是一個類型強制轉換，今天當 + 遇到不一樣的類型時，JavaScrip

vscode的設定和相關插件

首先要安裝vscode : Visual Studio Code - Code Editing. Redefined 安裝後我們就可以把她打開來，接著去檔案 -> 喜好設定 -> 設定檔(預設) -> 你就會看到設定裡面的 settings.json，就可以開始你的設定拉(主要是依照個人的喜好設定

pure function

pure function 是甚麼呢? 最主要兩大特點 : 淺顯易懂的說法就是 : 對於有相同的輸入，就會有相同的輸出。無副作用 : 不會去修改或依賴外部的狀態。舉一個例子 : function add(a, b) { return a + b; } function裡面他帶入的

設定Node.js環境建置

Node.js是一個JavaScript運行環境。它使用了一個非阻塞、事件驅動的I/O模型，使其非常適合用於數據密集型的即時應用程序。簡單來說，Node.js允許你使用JavaScript來編寫伺服器端代碼。 nvm 安裝nvm Windows : 點擊 Releases · coreybut

Git 使用指南

Windows : 下載Git (git-scm.com)並按照指示安裝。安裝完成後，你可以通過運行以下命令來確認安裝是否成功： git --version 初次設定GIT 接下來就是按照初次設定git，會需要配置你的用戶名和電子郵件地址，這些信息將被記錄在您提交的每個變更中。 git

非同步處理

簡要說明 JavaScript 的 Event Loop JavaScript 是單執行緒 (single-threaded) 語言，這意味著它一次只能執行一件事，因此所有函式都需要排隊等待執行，這被稱為同步 (synchronous)。在同步操作中，若函式過多或過於複雜，會導致程式阻塞 (blo

1 + "1" = ?

今天要來討論 1 + "1" 。如果當兩個操作數都是數字時，+ 會執行數字相加。例如，1 + 1 結果是 2。那如果是"1"+"1"，就變成字符串相加變成11。那我們今天要講的是1 + "1"，答案是11，為甚麼呢? 這是一個類型強制轉換，今天當 + 遇到不一樣的類型時，JavaScrip

vscode的設定和相關插件

首先要安裝vscode : Visual Studio Code - Code Editing. Redefined 安裝後我們就可以把她打開來，接著去檔案 -> 喜好設定 -> 設定檔(預設) -> 你就會看到設定裡面的 settings.json，就可以開始你的設定拉(主要是依照個人的喜好設定

pure function

pure function 是甚麼呢? 最主要兩大特點 : 淺顯易懂的說法就是 : 對於有相同的輸入，就會有相同的輸出。無副作用 : 不會去修改或依賴外部的狀態。舉一個例子 : function add(a, b) { return a + b; } function裡面他帶入的

設定Node.js環境建置

Node.js是一個JavaScript運行環境。它使用了一個非阻塞、事件驅動的I/O模型，使其非常適合用於數據密集型的即時應用程序。簡單來說，Node.js允許你使用JavaScript來編寫伺服器端代碼。 nvm 安裝nvm Windows : 點擊 Releases · coreybut

Git 使用指南

Windows : 下載Git (git-scm.com)並按照指示安裝。安裝完成後，你可以通過運行以下命令來確認安裝是否成功： git --version 初次設定GIT 接下來就是按照初次設定git，會需要配置你的用戶名和電子郵件地址，這些信息將被記錄在您提交的每個變更中。 git

非同步處理

簡要說明 JavaScript 的 Event Loop JavaScript 是單執行緒 (single-threaded) 語言，這意味著它一次只能執行一件事，因此所有函式都需要排隊等待執行，這被稱為同步 (synchronous)。在同步操作中，若函式過多或過於複雜，會導致程式阻塞 (blo

你可能也想看

Google News 追蹤

方格子 vocus 官方沙龍

「天天秋嗨嗨」：vocus 秋季徵文，五大主題 & 獎品登場！

這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～

#天天秋嗨嗨 #秋季旅遊 #秋季穿搭

MimiVsJames的美股投資分享

11/20 NVDA財報前Preview, 財報前股價波動走勢觀察

11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從

#美股 #美股投資 #投資理財

維持皮膚健康與活力｜6款超人氣保濕、舒緩敏感化妝水評比

Hi 大家好，我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。曾經，我的保養程序簡單到只包括清潔和隨意上乳液

#保養 #產品 #分享

Moreene的學習筆記

Vue3 - 在網頁上嵌入Google Map及設置圖釘的兩種方法

這篇文章記錄了如何在網頁中使用<iframe>或套件vue3-google-map來實現Google Map呈現，並在上面設置圖釘。兩種方法的優缺點也有相關的說明。想要在網頁上加入Google Map及設置圖釘的讀者可以參考這篇文章。

#Google #地圖 #HTML

Jeremy Ho的沙龍

Vue3 筆記 | Nuxt

Vue 筆記，Nuxt 簡介

Jeremy Ho的沙龍

Vue3 筆記 | Vue 進階篇

Vue3 筆記，指令進階篇

Jeremy Ho的沙龍

Vue3 筆記 | Vue router 篇

Vue3 學習筆記，vue-router 篇。

#WebDev #Vue #vueRouter

Jeremy Ho的沙龍

Vue3 筆記 | Pinia 管理全域資料

Vue3 學習筆記，用 Pinia 管理資料與邏輯

#WebDev #Vue #Pinia

Jeremy Ho的沙龍

Vue3筆記 | 元件與資料傳遞

Vue3 學習筆記，元件與資料傳遞篇

Tim Bai的沙龍

Vue2 及 Vue3 生命週期改變

前言 Vue 是一個現代開發框架，擁有完尚的生態系，讓我們可以將須多元件客製化，做出組件，並且可重複利用，高擴充性。在開發組件時，每個組件都擁有自己的生命周期，Vue 組件會偵測每個變數值，是否有變，並且更新內容，今天要一個一個了解 Vue 的生命週期，讓大家有更多認識。 Vue 的生命週期

#Vue3 #javascript #科技力

Jeremy Ho的沙龍

Vue3 筆記 | 專案建立與響應式

Vue3 學習筆記，專案建立與基礎響應式篇

張哲嘉的沙龍

從 0 到有 vue3 前端工程師養成 — part 2: create a Vue project

Create project 裝好 vue CLI 之後，只要在終端輸入 vue create 想取的專案名稱就可以開始創建 vue 專案囉 1. Pick a preset 2. Select the features 3. Choose the version of vue 選擇 vue3

#vue #frontend #前端

Vic Lin的沙龍

Vue3 Composition API

續上篇，那是Vue 2 Options API的舊寫法，這邊改成用Vue 3 Composition API的寫法: Vue2: Vue3 setup() / ref / reactive Composition API可以直接在setup()裡面定義data跟method，簡潔許多。 props

#Vuejs #Vue3 #CompositionAPI

方格子 vocus 官方沙龍

「天天秋嗨嗨」：vocus 秋季徵文，五大主題 & 獎品登場！

這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～

#天天秋嗨嗨 #秋季旅遊 #秋季穿搭

MimiVsJames的美股投資分享

11/20 NVDA財報前Preview, 財報前股價波動走勢觀察

11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從

#美股 #美股投資 #投資理財

維持皮膚健康與活力｜6款超人氣保濕、舒緩敏感化妝水評比

Hi 大家好，我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。曾經，我的保養程序簡單到只包括清潔和隨意上乳液

#保養 #產品 #分享

Moreene的學習筆記

Vue3 - 在網頁上嵌入Google Map及設置圖釘的兩種方法

這篇文章記錄了如何在網頁中使用<iframe>或套件vue3-google-map來實現Google Map呈現，並在上面設置圖釘。兩種方法的優缺點也有相關的說明。想要在網頁上加入Google Map及設置圖釘的讀者可以參考這篇文章。

#Google #地圖 #HTML

Jeremy Ho的沙龍

Vue3 筆記 | Nuxt

Vue 筆記，Nuxt 簡介

Jeremy Ho的沙龍

Vue3 筆記 | Vue 進階篇

Vue3 筆記，指令進階篇

Jeremy Ho的沙龍

Vue3 筆記 | Vue router 篇

Vue3 學習筆記，vue-router 篇。

#WebDev #Vue #vueRouter

Jeremy Ho的沙龍

Vue3 筆記 | Pinia 管理全域資料

Vue3 學習筆記，用 Pinia 管理資料與邏輯

#WebDev #Vue #Pinia

Jeremy Ho的沙龍

Vue3筆記 | 元件與資料傳遞

Vue3 學習筆記，元件與資料傳遞篇

Tim Bai的沙龍

Vue2 及 Vue3 生命週期改變

前言 Vue 是一個現代開發框架，擁有完尚的生態系，讓我們可以將須多元件客製化，做出組件，並且可重複利用，高擴充性。在開發組件時，每個組件都擁有自己的生命周期，Vue 組件會偵測每個變數值，是否有變，並且更新內容，今天要一個一個了解 Vue 的生命週期，讓大家有更多認識。 Vue 的生命週期

#Vue3 #javascript #科技力

Jeremy Ho的沙龍

Vue3 筆記 | 專案建立與響應式

Vue3 學習筆記，專案建立與基礎響應式篇

張哲嘉的沙龍

從 0 到有 vue3 前端工程師養成 — part 2: create a Vue project

Create project 裝好 vue CLI 之後，只要在終端輸入 vue create 想取的專案名稱就可以開始創建 vue 專案囉 1. Pick a preset 2. Select the features 3. Choose the version of vue 選擇 vue3

#vue #frontend #前端

Vic Lin的沙龍

Vue3 Composition API

續上篇，那是Vue 2 Options API的舊寫法，這邊改成用Vue 3 Composition API的寫法: Vue2: Vue3 setup() / ref / reactive Composition API可以直接在setup()裡面定義data跟method，簡潔許多。 props

#Vuejs #Vue3 #CompositionAPI