郭欣玫的沙龍

vue3 部屬GitHub Page

郭欣玫-avatar-img
郭欣玫
更新於 發佈於 閱讀時間約 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


avatar-img
郭欣玫的沙龍
3會員
17內容數
留言0
查看全部
avatar-img
發表第一個留言支持創作者！
郭欣玫的沙龍 的其他內容
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 追蹤
avatar-avatar
♡ 後沙發的會客廳 ♡
《表達與社交學》95 抱怨者嚇走強者，提問者吸引強者，所以貴人運天差地遠
提問的內容越是清晰，強者、聰明人越能在短時間內做判斷、給出精準的建議，他們會對你產生「好印象」，認定你是「積極」的人，有機會、好人脈會不自覺地想引薦給你
#後沙發#貴人#人脈
avatar-avatar
前端轉職經驗談
[前端自學轉職攻略] 9. 決定了 side project 的題目後，要怎麼開始？
安裝程式 → 下載範本 → 列出專案的功能清單 → 開始開發
#自學#前端#前端工程師
avatar-avatar
Ni 1968的沙龍
Thumbnail
Vite + TypeScript 專案中使用路徑別名
如何在 Vite 專案中安裝和設置 TypeScript 及路徑別名的步驟，包括安裝必要的依賴、配置 vite.config.js、tsconfig.json 的設置，及如何創建類型聲明文件來正確識別 .vue 文件。
#vite#typescript#vue
avatar-avatar
橙果杏的沙龍
Thumbnail
【中高階級】－Web Service(3)建立
接續上一篇 Step2：VC#專案建立 Step3：IIS新建站台 Step4：VC#架設到IIS中
#CSharp#WebService#IIS
avatar-avatar
Follow the Rainmaker 🌧️
Git
1. Outline Takeaway Setting up Git and verifying installation Configuring your Git username and email Initializing a new Git repository Stagin
avatar-avatar
Joker Cat
Thumbnail
2023 Vue直播班筆記 - 自訂義指令 directive
平常我們在 html 上常看到的例如 v-for、v-model 等等... 也是VUE已經幫我們定義好的指令，而這次我們可以依這自己的需求來建立。 此功能屬於較進階的功能，因此實戰中會比較少見，市面上還是有不少完善的套件能達到同樣效果，建議可以先往這方面察找
#六角學院#學習#Vue
avatar-avatar
Joker Cat
Thumbnail
2023 Vue直播班筆記 - Teleport自訂元件生成位置
自訂元件生成位置顧名思義就是可以指定部分HTML區塊渲染在特定的畫面上，即使在不同組件也能把A組件內的部分畫面，展現在B組件上，以下方程式舉例。
#六角學院#學習#前端
avatar-avatar
小黑與程式的邂逅
Thumbnail
[Java Script]Vue.js
Vue.js是一種基於MVVM的前端JavaScript框架，類似的框架有React、Angular等。 架設環境 安裝Visual Studio Code(https://code.visualstudio.com/) 安裝Node.js(https://nodejs.org/en/
#JavaScript#VisualStudioCode#VueCLI
avatar-avatar
JayLinXR
Thumbnail
Vite前端工具加入Tailwindcss教學
本文介紹如何使用Vite建立前端開發初始檔案，並加入Tailwindcss的教學。透過指令和配置檔，讓你能快速建立個人專案的開發環境，並學習如何加入全域的Tailwindcss樣式。還有影片教學、資源連結和更多相關教學文章等，幫助你進一步學習。
#教學#應用程式#文章
avatar-avatar
JayLinXR
Thumbnail
使用Vite工具創建開發初始檔案的教學
這一集用最新的Vite工具去創建初始檔案。Vite用於創建和構建Web應用程序，具有快速的啟動時間、即時熱更新、小型體積、支持多種框架和可擴展性等優點。
#教學#學習#應用程式
avatar-avatar
♡ 後沙發的會客廳 ♡
《表達與社交學》95 抱怨者嚇走強者，提問者吸引強者，所以貴人運天差地遠
提問的內容越是清晰，強者、聰明人越能在短時間內做判斷、給出精準的建議，他們會對你產生「好印象」，認定你是「積極」的人，有機會、好人脈會不自覺地想引薦給你
#後沙發#貴人#人脈
avatar-avatar
前端轉職經驗談
[前端自學轉職攻略] 9. 決定了 side project 的題目後，要怎麼開始？
安裝程式 → 下載範本 → 列出專案的功能清單 → 開始開發
#自學#前端#前端工程師
avatar-avatar
Ni 1968的沙龍
Thumbnail
Vite + TypeScript 專案中使用路徑別名
如何在 Vite 專案中安裝和設置 TypeScript 及路徑別名的步驟，包括安裝必要的依賴、配置 vite.config.js、tsconfig.json 的設置，及如何創建類型聲明文件來正確識別 .vue 文件。
#vite#typescript#vue
avatar-avatar
橙果杏的沙龍
Thumbnail
【中高階級】－Web Service(3)建立
接續上一篇 Step2：VC#專案建立 Step3：IIS新建站台 Step4：VC#架設到IIS中
#CSharp#WebService#IIS
avatar-avatar
Follow the Rainmaker 🌧️
Git
1. Outline Takeaway Setting up Git and verifying installation Configuring your Git username and email Initializing a new Git repository Stagin
avatar-avatar
Joker Cat
Thumbnail
2023 Vue直播班筆記 - 自訂義指令 directive
平常我們在 html 上常看到的例如 v-for、v-model 等等... 也是VUE已經幫我們定義好的指令，而這次我們可以依這自己的需求來建立。 此功能屬於較進階的功能，因此實戰中會比較少見，市面上還是有不少完善的套件能達到同樣效果，建議可以先往這方面察找
#六角學院#學習#Vue
avatar-avatar
Joker Cat
Thumbnail
2023 Vue直播班筆記 - Teleport自訂元件生成位置
自訂元件生成位置顧名思義就是可以指定部分HTML區塊渲染在特定的畫面上，即使在不同組件也能把A組件內的部分畫面，展現在B組件上，以下方程式舉例。
#六角學院#學習#前端
avatar-avatar
小黑與程式的邂逅
Thumbnail
[Java Script]Vue.js
Vue.js是一種基於MVVM的前端JavaScript框架，類似的框架有React、Angular等。 架設環境 安裝Visual Studio Code(https://code.visualstudio.com/) 安裝Node.js(https://nodejs.org/en/
#JavaScript#VisualStudioCode#VueCLI
avatar-avatar
JayLinXR
Thumbnail
Vite前端工具加入Tailwindcss教學
本文介紹如何使用Vite建立前端開發初始檔案，並加入Tailwindcss的教學。透過指令和配置檔，讓你能快速建立個人專案的開發環境，並學習如何加入全域的Tailwindcss樣式。還有影片教學、資源連結和更多相關教學文章等，幫助你進一步學習。
#教學#應用程式#文章
avatar-avatar
JayLinXR
Thumbnail
使用Vite工具創建開發初始檔案的教學
這一集用最新的Vite工具去創建初始檔案。Vite用於創建和構建Web應用程序，具有快速的啟動時間、即時熱更新、小型體積、支持多種框架和可擴展性等優點。
#教學#學習#應用程式