念念不忘,必有迴響。有一口氣,點一盞燈,有燈就有人。

Vue CLI 之 Hello World (Windows)

Vue CLI 之 Hello World (Windows)

現代前端的 Tooling 繁雜, 一直是跨入前端的門檻,讓 CLI 成為 Tooling 的抽象層,由 CLI 幫我們解決繁瑣的 Tooling 整合。

由於 Vue CLI 3 的發表,Vue 的 CLI 又向前邁進一大步,本文介紹如何使用 Vue CLI 3 快速建立 Vue 專案。

Vue CLI 之 Instant Prototyping

Vue CLI 之 Instant Prototyping

Vue CLI 3 提供了一個很酷的 Instant Prototyping,在學習 Vue 時非常有用,讓我們不用建立 Vue 專案,只要一個 .vue 檔就可開始練習與 demo。

如何使用 VS Code 開發 Vue ?

如何使用 VS Code 開發 Vue ?

VS Code 可以說是目前最受歡迎的前端開發環境,只要安裝合適的套件,就能在 VS Code 開發 Vue,適合前後端分離時的純前端開發。

如何使用 Docker 打造 Vue 開發環境 ?

如何使用 Docker 打造 Vue 開發環境 ?

現代前端基於 Node.js 技術,且 Node.js 版本變化快速,還要安裝不少 package,若你不想讓 Node.js 版本與 package 污染整個系統環境,則 Docker 是個很好的解決方式,讓 Node.js 與相關 package 全部封在 Container 內。

如何使用 VS Code 開發 Haskell ?

如何使用 VS Code 開發 Haskell ?

Haskell 是個非常純的 FP 語言,如所有 data 都是 Immutable,所有 function 都是 Lazy Evaluation,這些觀念都是一般程式語言所沒有的,透過 Haskell,可以讓我們學習更純的 FP 概念,而不是 workaround 式的 FP,進而改變思考方式。

Haskell IDE Engine 是基於 LSP (Language Service Protocol),讓我們在 VS Code 就可以享受如 IDE 強大功能。

如何使用 Vue 搭配 ESLint + Airbnb Style Guide ?

如何使用 Vue 搭配 ESLint + Airbnb Style Guide ?

Vue CLI 3 已經整合 ESLint 與著名的 Airbnb JavaScript Style Guide,只要跟著 Vue CLI 3 的 Wizard,我們也能輕易地將 ESLint 與 Airbnb 整進 Vue 專案。

如何使用 WebStorm 開發 Vue ?

如何使用 WebStorm 開發 Vue ?

WebStorm 已經提供 Vue 的 plugin,支援 Vue 完整,唯一只有 .vue 格式縮排部分,Webstorm 與 Vue 的看法迥異,在 Reformat Code 之後,縮排會完全跑掉,需要特別設定。

Vue CLI 之 Hello World (macOS)

Vue CLI 之 Hello World (macOS)

現代前端的 Tooling 繁雜, 一直是跨入前端的門檻,讓 CLI 成為 Tooling 的抽象層,由 CLI 幫我們解決繁瑣的 Tooling 整合。

由於 Vue CLI 3 的發表,Vue 的 CLI 又向前邁進一大步,本文介紹如何使用 Vue CLI 3 快速建立 Vue 專案。

Functional Programming 簡介 (使用 C#)

Functional Programming 簡介 (使用 C#)

這幾年由於 Reactive Programming 興起,使得 FP 這古老的 Programming Paradigm 又成為顯學,FP 大都使用 JavaScript、Haskell … 等偏 FP 語言闡述,很少人使用 C# 來談 FP,本系列將使用大家的老朋友 C#,帶領大家一步一步進入 FP 世界。

Refactoring to LINQ => ForEach

Refactoring to LINQ => ForEach

LINQ 是 C# 3 實現 FP 重要里程碑,提供大量的 Operator,讓我們以 Pure Function 將 data 以 Dataflow 與 Pipeline 方式實現。本系列將先以 Imperative 實作,然後再重構成 FP,最後再重構成 LINQ Operator,並參考 LINQ source code 的實現方式。

首先從最基本的 ForEach Operator 談起。