[Markdown] 用 Markdown 寫 blogger 文章

markdown # 測試在 Blogger 用 Markdown 寫文 ``` console.log("Hello Markdown Syntax"); ``` 記得撰寫用 HTML 並在第一行上加上 markdown ## 本站採用的語法

### 參考連結 - [在 blogger 貼漂亮 code 的方法（使用 markdown 和 prettyprint）](http://etrex.blogspot.com/2017/03/blogger-code-markdown-prettyprint.html)

[VS Code] 如何整合設定 PHP 的開發環境至 Visual Studio Code

最近在帶 Laravel 工作坊，有許多學員為非程式開發人員，在入門程式開發的過程中。要把開發環境設定完成，若不透過手把手帶領，可能要繞很大圈才有辦法完全設定完畢。

由於 Laravel 這個框架的底程程式語言為 PHP。就以 PHP 的開發環境來跟 Visual Studio Code 做整合介紹。

目的

以 Visual Studio Code 為我們整合的開發環境：Git, Terminal, PHP 的整合設定

這次介紹主要以 Windows 的作業系統平台來做範例。當然大多數的 Visual Studio Code 設定也適用於 Mac，只是在 Mac 的設定上會少很多 (主要是 Terminal 以 bash 為主，PHP 及 Git 的路徑設定在安裝完時已經 Ready 了)

環境

• Windows 10
• wagon (v1.4.0) (WAMP 安裝整合包: 已包含 PHP)
• Git (v2.20.1)

 

[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 即可中止。