2018/11/30

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

發生的原由


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

遇到的問題


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

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

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


錯誤顯示如下:



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



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

2018/11/22

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

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

在 PhpStorm 裡使用 Git 的 Bash 工具

Settings -> Tools -> Terminal

 

中文字亂碼問題



2018/10/15

[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 事件

參考連結:

2018/10/03

[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,結果成功!還好不用再改寫法~收工,繼續下一題。

2018/09/09

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

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

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

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

 

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



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

2018/08/11

[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


2018/08/10

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

問題


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

預期


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



解決方法


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



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

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

2018/06/27

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

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

git update-git-for-windows

2018/06/23

[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 囉!

2018/06/05

[VSCode] PHPUnit Snippets 擴充套件釋出


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



套件介紹: PHPUnit Snippets

基本用法 - 看圖片說故事


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

 

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

2018/06/01

[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

參考連結:

2018/05/30

[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

2018/05/19

[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 還沒納入安裝的列表中,只好先手動處理



2018/05/06

[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 即可



2018/01/11

[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)

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