最近在使用 Vue 3、TypeScript 和 Firebase 開發專案，開發過程中遇到了一些問題，這篇文章主要是作為問題記錄以及回顧。
閱讀全文〈專案開發遇到的問題整理 – 2022/05/05〉專案開發遇到的問題整理 – 2022/05/05
最近在使用 Vue 3、TypeScript 和 Firebase 開發專案，開發過程中遇到了一些問題，這篇文章主要是作為問題記錄以及回顧。
分類: 技術
靜態網站導入 webpack 進行重構
對靜態網頁使用 webpack、Tailwind CSS 等工具，以及圖片延遲載入技術，來進行網頁的重構，以提昇網頁的可維護性、初次載入速度和使用者操作體驗。
這次將 ACGN股市歷史博物館[1]ACGN股市歷史博物館 的頁面，從原先只有單純的 HTML、CSS和JavaScript，逐一導入 webpack 和 loader 套件，鋪設基礎建設後，使其更利於未來的開發與維護。
閱讀全文〈靜態網站導入 webpack 進行重構〉References
| ↑1 | ACGN股市歷史博物館 |
|---|
Vue Router – Named Views
使用範例專案來講解 Vue Router 中，Named Views 的使用方法，以及可能的使用場景。
Vue Router – Nested Routes
使用範例專案來講解 Vue Router 中，Nested Routes 的使用方法，以及可能的使用場景。
讓Android手機畫面顯示在Windows電腦上
使用 scrcpy 軟體，讓 Android 手機上的畫面能夠即時顯示在 Windows 系統上，並可以從 Windows 系統對 Android 手機進行操作，藉此讓使用者在 Windows 系統上，同時體驗 Android App 的操作和系統較大的螢幕。
有些平台或者服務是App限定，又或者App上操作體驗比較好，但通常手機的畫面都不大，長時間使用手機的情況下，觀看體驗不佳，這時候，在希望能兼顧App的操作體驗與電腦大螢幕的良好觀看體驗下，我開始尋找可以讓Android手機畫面投影到電腦螢幕上的解決方案。
閱讀全文〈讓Android手機畫面顯示在Windows電腦上〉開啟隱藏的Windows音效設定
在 Windows 10 系統下，開啟隱藏的音效選項，使其能夠顯示在音效設定的使用者界面中。
本來是要客製化Windows 10預載的鬧鐘與時鐘[1]Windows 鬧鐘與時鐘軟體的通知音效，由於軟體裡面沒有提供可以使用自訂音效的選項，便朝修改系統設定的方向著手，開啟系統的音效設定，針對每一個程式事件的音效去測試，結果沒找到對應的音效，在網路上進一步搜尋資料，才發現一些程式事件的音效設定被隱藏了，修改登錄檔資訊後，便可使那些被隱藏的設定再次顯示。操作步驟如下：
閱讀全文〈開啟隱藏的Windows音效設定〉References
| ↑1 | Windows 鬧鐘與時鐘 |
|---|
修正Visual C++ Runtime安裝問題
修正 Visual C++ Runtime 因未被正常安裝或移除，導致後續無法再進行安裝、更新或者移除的錯誤。
在某一次操作後，電腦要安裝或更新Visual C++ Runtime時，就會出現因缺少某個版本的Visual C++ Runtime的依賴，而永遠得安裝失敗，情況如同這個問題：
由於Visual C++ Runtime未被正確得安裝或者移除，使得電腦的登錄檔仍有相關殘留，造成要再安裝新版本的Visual C++ Runtime時，會出現這種問題，又程式與功能清單裡面，沒有顯示出軟體的紀錄，無法藉由操作來導引到修復畫面解決這個問題[1]Fix Microsoft Visual C++ Runtime Library Error in Windows 10/11。幸好，最後找到這個解決方式[2]Fix problems that block programs from being installed or removed，下載並執行，開啟這個疑難排除，並在程式清單中，找到目標Visual C++ Runtime對其執行操作，以達成完整移除。
完整移除後，可以從這裡[3]Visual C++ Redistributable Runtimes All-in-One (July 2021) Download | TechPowerUp下載所有Visual C++ Runtime的整合包，下載完成後解壓縮並執行install_all.bat，即可給電腦安裝上所有的Visual C++ Runtime，由於bat裡的安裝檔執行指令有下參數，使得這些Runtime在安裝完畢後，電腦不用重新啟動。