[Visual Studio] 解決專案找不到參考的元件 System.Web.Mvc, System.Web.Http 的問題

發生的原由

專案是從 Git 儲存庫複製下來的，依照原開發者的專案設置，在載下來之後，重新建置方案會把相關的 packages 從 NuGet 下載回來，通常建置過也不會有什麼大問題，但是就遇到了找不到參考元件的錯誤

遇到的問題

專案是以三層式架構來撰寫

其中在 MVC 的網站專案出現：找不到參考的元件 System.Web.Http

而某一個 Library 專案出現：找不到參考的元件 System.Web.Mvc


錯誤顯示如下：



在專案會看到參考出現驚嘆號



看起來版本好像也不在我的開發本機裡

[PhpStorm] 解決在 Windows 改用 Bash 為 Terminal 工具時出現亂碼的狀況

Terminal 亂碼顯示這個問題在 Mac 上是沒問題的, 但在 Windows 上有點麻煩, 也蠻擾人的問題, 找到方法就順便記錄一下
 

在 PhpStorm 裡使用 Git 的 Bash 工具

Settings -> Tools -> Terminal

 

中文字亂碼問題

[Vue] 解決使用 bootstrap-datepicker 搭配 Vue 2 取不到值的問題

有些好用的 JavaScript UI plugin 在一般使用下很方便，但是剛好在搭配 Vue.js v2 就出現非預期的問題

在設計輸入日期欄位，用 HTML5 有 date 的輸入型態可以用，但是若是只想取年份跟月份，藉助 datepicker 就很方便

這回採用 bootstrap-datepicker 這個 plugin

問題：

以一般使用方法沒問題，不過用了 v-model 的 data bind 屬性後，雖然在 UI 看起來無異，但是 Vue 就是讀不到值

解決方法：

在 mounted() 去監聽 datepicker 的 changeDate 事件

參考連結：

• when use vue2.0 and bootstrap-datepicker, and use v-model can not get the date value.

[JavaScript] 解決在 IE 11 出現 'Promise' 未經定義的錯誤

又是一個遇到老瀏覽器不支援新東西的問題

自從拔掉 jQuery 的 $.ajax，改採用 axios 處理非同步資料讀取，IE 11 噴出以下訊息



在不想改變現有寫法下，找到解決的方法，直接用 Promise Polyfill。

Lightweight ES6 Promise polyfill

可以直接引用 CDN

<script src="https://cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.min.js"></script>

或是下載檔案使用

實驗結果，以最快速確認可行性，就是直接引入 CDN，結果成功！還好不用再改寫法～收工，繼續下一題。

[Laravel] Laravel 5.7 的新功能: dump-server

過去在 Laravel 想要取得執行當下的變數，不是 echo 出來，就是用 dd() 來印出變數值。
但如此動作總是中斷開發流程，又造成版面破版。

在剛釋出的 Laravel 5.7.x 版提供了一個新的 artisan 指令 dump-server

可以把要查看的變數或資訊印在 console視窗，又不造成中斷開發或視覺破版。

 

先讓 Laravel 執行一般網站模式，再開啟 dump-server 來監聽 dump()



若要取消監聽，用 Ctrl + C 即可中止。

[Vue] 如何使用 Vue CLI v3 來建立 Vue 專案

不知不覺 Vue CLI 已經來到版本 v3.0.0

v2.x 版本套件名稱為 vue-cli

v3.x 版本套件為 @vue/cli

所以如果要使用 v3 以上的版本，安裝方法如下 (註：開發前必須先裝 Node.js)

npm install -g @vue/cli

[Visual Studio] 解決程式碼在文字編輯器上無法區塊折疊的問題

問題

在開發機的 Visual Studio 2017 發現在編輯程式碼時無法區塊折疊

預期

如下圖左方一般 (同樣都是 .aspx 的檔案, 其中一台就沒有可折疊的可點)

解決方法

編輯 -> 大綱 -> 啟用自動大綱



不過目前發現這樣啟用只限單頁，若是其他頁要開啟，就要重複步驟。如果有任何先進發現自動設定啟用的方式，歡迎告知！

至少目前在編寫 aspx 的 HTML 時可以把不動的區塊折疊起來了！

[Git] 在 Windows 使用指令更新 Git 版本

指令就一行，更新很簡單，也不用再去手動找下載點囉！

git update-git-for-windows

[PowerShell] 安裝 posh-git 模組至 PowerShell

介紹

posh-git 是整合 PowerShell 及 Git 的模組，它提供了整合資訊顯示在命令列中

設定

先開啟 PowerShell 執行安裝模組 (範圍設定為目前的使用者)

Install-Module posh-git -Scope CurrentUser

回答都輸入 Y (是)

匯入 posh-git 模組

Import-Module posh-git

如此一來即可在 PowerShell 看到 Git 的狀態



若要永久使用，就把它加到自己的 Profile 設定去

Add-PoshGitToProfile

以後開 PowerShell 就可以繼續享用 posh-git 囉！

[VSCode] PHPUnit Snippets 擴充套件釋出

來囉~ 來囉~ Visual Studio Code 的擴充套件 PHPUnit Snippets 釋出囉！



套件介紹: PHPUnit Snippets

基本用法 - 看圖片說故事

1. 先確認文件是 PHP 的文件 (可按 Ctrl + K + M 切換)
2. 在 PHP 程式碼區段輸入 snippet, 圖例: assequ (自動會找到相近的名稱可使用，是不是超級聰明？可以少打好多字)

 

快來試試看吧～ PHPUnit Snippets 也別忘了給星星跟推薦唷！

[Git] 解決 Remote 遇到自我憑證 SSL certification problem

在使用 Git 執行遠端的操作時，若是自我憑證架的服務，可能會遇到顯示以下的錯誤

fatal: unable to access 'https://localhost/winnie/test.git/': SSL certificate problem: self signed certificate

解決方法： (註: 若不想全面開放就不要下這個指令，安全性也會降低，不建議採用此項！)

git config --global http.sslVerify false

單次不驗證：

GIT_SSL_NO_VERIFY=true git clone https://localhost/winnie/test.git

或是

git -c http.sslVerify=false clone https://localhost/winnie/test.git

然後在該 repository 下, 再下一次指定, 即未來此 repository 不需再做驗證

git config http.sslVerify false

剛好用新機器再度遇到問題，還是筆記一下備用！


2021-03-20 更新：
在版本 2.31.0.windows.1 版本，若採用全域開放 http.sslVerify 為 false 時，會出現下圖警告：(SECURITY WARNING - TLS certificate verification has been disabled!)

Git 在 2.14.0 已提供可選擇切換 Secure Channel 與 OpenSSL，我們即可使用 Windows 憑證設定 (建議使用)

git config --global http.sslBackend schannel

參考連結：

• Resolving SSL Self-Signed Certificate Errors
• Git fails with self-signed certificate?
• How can I make git accept a self signed certificate?
• Git for Windows 2.14.0

[ASP.NET] Web Forms 踩雷記 - App_Code

在很久很久年後的今天，又重新開始寫 Web Forms 的專案。

如果在不指定技術的情況下，採 Windows Server 主機的客戶，我通常都以 ASP.NET MVC 為主要技術。但這回客戶指定採用 Web Forms 只因內部技術人員只會這個。

好吧！只好硬著頭皮再來重拾技能～

狀況

開了個 Web Forms 的應用程式，開始撰寫程式，由於太長時間用 MVC，結構設計上要來調整一下，為適應 Web Forms 以免開了一堆資料夾，想說程式就寫在 App_Code 好了！爆雷！

Class 找不到！找不到！找不到！

解決方案

現今是開 Web 應用程式專案，而非 Web Site 專案，在 App_Code 裡的程式是不會被編譯進來的！

把程式搬到其他資料夾 (例: Services/ ) 重編譯過就搞定

僅僅是重拾技能小記，新手專用 XD

[Visual Studio] 如何為 Visual Studio 2017 增加 .NET Framework 4.7.2 開發套件

隨著 2018 年 4 月底 .NET Framework 4.7.2 的正式宣佈出爐

那麼身為開發人員的我們一定就要裝一下開發套件

以下為 SDK 的下載連結

.NET 提供的下載 (https://www.microsoft.com/net/download/windows)
.NET SDKs for Visual Stdio (https://www.microsoft.com/net/download/visual-studio-sdks)

不過，這次在安裝的過程中有一點點小小的不順利

通常透過 Visual Studio Installer 可在個別元件選擇要安裝的套件即可
但這次可能是才剛出沒多久，.NET Framework 4.7.2 SDK 還沒納入安裝的列表中，只好先手動處理

[Laravel] 解決使用 Laravel Mix 執行 npm 出現 sass 編譯失敗

快速筆記

在開發 Laravel 專案時，使用 Laravel Mix 來打包前端資源時出現編譯錯誤

這錯誤主要出現在編譯 sass 時發生

訊息如下：

 ERROR  Failed to compile with 2 errors

 error      in ./resources/assets/sass/style.scss

解決方法：

執行 npm rebuild node-sass --force 重新建置 node-sass 即可

[Azure] 如何建立 Azure SQL Server 並在本地端管理資料庫

最近有朋友在詢問如何在雲端建立 SQL Server 在本地端做管理，我也順便再練習一遍，把各步驟擷圖下來，因此這一篇的生成，是要給非 .NET 的開發人員或新手的入門～

Azure 提供 SQL 資料庫 及 SQL Server 兩種服務。

SQL 資料庫 - 即是單一的一個資料庫
SQL Server - 顧名思義是伺服器，可以附加管理很多個資料庫

想要更詳細的比較可以看這一篇：選擇雲端 SQL Server 選項：Azure SQL (PaaS) Database 或 Azure VM 上的 SQL Server (IaaS)

理論的就不多講，我比較重實務，動手開始吧！