郭欣玫的沙龍

vue3 部屬GitHub Page

郭欣玫
郭欣玫
閱讀時間約 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
    你可能也想看
    avatar
    台中散戶の交易日常
    2024/09/08
    Thumbnail
    操盤手の交易週報與展望(Sep.W2)
    1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後，雖稍微低於預期，但指數仍向上噴出，在美股開盤後於21500形成一個爆量假突破後急轉直下，就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後，週二或週三開始有無買單進場支撐，在沒有明確的反轉訊號形成前，小夥伴盡量不要貿然抄底，或是追空
    avatar
    方格子 vocus 官方沙龍
    2024/08/27
    Thumbnail
    「相簿裡最捨不得刪的 N 張照片！」：完成任務抽富士即可拍！
    近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎？ 新版式整體視覺上「更加凸顯圖片」，為了搭配這次的更新，我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務，還有機會獲得富士即可拍，讓你的美好回憶都可以用即可拍珍藏！
    #相簿裡最捨不得刪的照片
    avatar
    Moreene的學習筆記
    2024/02/28
    Thumbnail
    Vue3 - 在網頁上嵌入Google Map及設置圖釘的兩種方法
    這篇文章記錄了如何在網頁中使用<iframe>或套件vue3-google-map來實現Google Map呈現，並在上面設置圖釘。兩種方法的優缺點也有相關的說明。想要在網頁上加入Google Map及設置圖釘的讀者可以參考這篇文章。
    #Google#地圖#HTML
    avatar
    Jeremy Ho的沙龍
    2023/11/21
    Thumbnail
    Vue3 筆記 | Nuxt
    Vue 筆記，Nuxt 簡介
    #Vue#Nuxt
    avatar
    Jeremy Ho的沙龍
    2023/11/13
    Thumbnail
    Vue3 筆記 | Vue 進階篇
    Vue3 筆記，指令進階篇
    #WebDev#Vue
    avatar
    Jeremy Ho的沙龍
    2023/11/12
    Thumbnail
    Vue3 筆記 | Vue router 篇
    Vue3 學習筆記，vue-router 篇。
    #WebDev#Vue#vueRouter
    avatar
    Jeremy Ho的沙龍
    2023/11/07
    Thumbnail
    Vue3 筆記 | Pinia 管理全域資料
    Vue3 學習筆記，用 Pinia 管理資料與邏輯
    #WebDev#Vue#Pinia
    avatar
    Jeremy Ho的沙龍
    2023/11/06
    Thumbnail
    Vue3筆記 | 元件與資料傳遞
    Vue3 學習筆記，元件與資料傳遞篇
    #WebDev#Vue
    avatar
    Tim Bai的沙龍
    2023/11/06
    Thumbnail
    Vue2 及 Vue3 生命週期改變
    前言 Vue 是一個現代開發框架，擁有完尚的生態系，讓我們可以將須多元件客製化，做出組件，並且可重複利用，高擴充性。在開發組件時，每個組件都擁有自己的生命周期，Vue 組件會偵測每個變數值，是否有變，並且更新內容，今天要一個一個了解 Vue 的生命週期，讓大家有更多認識。 Vue 的生命週期
    #Vue3#javascript#科技力
    avatar
    Jeremy Ho的沙龍
    2023/11/05
    Thumbnail
    Vue3 筆記 | 專案建立與響應式
    Vue3 學習筆記，專案建立與基礎響應式篇
    #WebDev#Vue
    avatar
    張哲嘉的沙龍
    2022/08/31
    Thumbnail
    從 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#前端
    avatar
    Vic Lin的沙龍
    2022/06/26
    Thumbnail
    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
    avatar
    台中散戶の交易日常
    2024/09/08
    Thumbnail
    操盤手の交易週報與展望(Sep.W2)
    1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後，雖稍微低於預期，但指數仍向上噴出，在美股開盤後於21500形成一個爆量假突破後急轉直下，就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後，週二或週三開始有無買單進場支撐，在沒有明確的反轉訊號形成前，小夥伴盡量不要貿然抄底，或是追空
    avatar
    方格子 vocus 官方沙龍
    2024/08/27
    Thumbnail
    「相簿裡最捨不得刪的 N 張照片！」：完成任務抽富士即可拍！
    近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎？ 新版式整體視覺上「更加凸顯圖片」，為了搭配這次的更新，我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務，還有機會獲得富士即可拍，讓你的美好回憶都可以用即可拍珍藏！
    #相簿裡最捨不得刪的照片
    avatar
    Moreene的學習筆記
    2024/02/28
    Thumbnail
    Vue3 - 在網頁上嵌入Google Map及設置圖釘的兩種方法
    這篇文章記錄了如何在網頁中使用<iframe>或套件vue3-google-map來實現Google Map呈現，並在上面設置圖釘。兩種方法的優缺點也有相關的說明。想要在網頁上加入Google Map及設置圖釘的讀者可以參考這篇文章。
    #Google#地圖#HTML
    avatar
    Jeremy Ho的沙龍
    2023/11/21
    Thumbnail
    Vue3 筆記 | Nuxt
    Vue 筆記，Nuxt 簡介
    #Vue#Nuxt
    avatar
    Jeremy Ho的沙龍
    2023/11/13
    Thumbnail
    Vue3 筆記 | Vue 進階篇
    Vue3 筆記，指令進階篇
    #WebDev#Vue
    avatar
    Jeremy Ho的沙龍
    2023/11/12
    Thumbnail
    Vue3 筆記 | Vue router 篇
    Vue3 學習筆記，vue-router 篇。
    #WebDev#Vue#vueRouter
    avatar
    Jeremy Ho的沙龍
    2023/11/07
    Thumbnail
    Vue3 筆記 | Pinia 管理全域資料
    Vue3 學習筆記，用 Pinia 管理資料與邏輯
    #WebDev#Vue#Pinia
    avatar
    Jeremy Ho的沙龍
    2023/11/06
    Thumbnail
    Vue3筆記 | 元件與資料傳遞
    Vue3 學習筆記，元件與資料傳遞篇
    #WebDev#Vue
    avatar
    Tim Bai的沙龍
    2023/11/06
    Thumbnail
    Vue2 及 Vue3 生命週期改變
    前言 Vue 是一個現代開發框架，擁有完尚的生態系，讓我們可以將須多元件客製化，做出組件，並且可重複利用，高擴充性。在開發組件時，每個組件都擁有自己的生命周期，Vue 組件會偵測每個變數值，是否有變，並且更新內容，今天要一個一個了解 Vue 的生命週期，讓大家有更多認識。 Vue 的生命週期
    #Vue3#javascript#科技力
    avatar
    Jeremy Ho的沙龍
    2023/11/05
    Thumbnail
    Vue3 筆記 | 專案建立與響應式
    Vue3 學習筆記，專案建立與基礎響應式篇
    #WebDev#Vue
    avatar
    張哲嘉的沙龍
    2022/08/31
    Thumbnail
    從 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#前端
    avatar
    Vic Lin的沙龍
    2022/06/26
    Thumbnail
    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