jasperjn's blog

Flutter 學習筆記 - 0. 環境建置

22 July, 2018

系統需求:macOS 64 bit 硬碟空間:官方寫至少 700 MB,但 SDK 解壓縮之後高達 1.1G。不包含 Flutter 需要的工具例如 Android Studio、Android SDK、XCode、iOS SDK 等,保險起見至少準備個 20 GB…

TypeScript 3.0 全新 unknown 型別

14 July, 2018

TypeScript 3.0 RC 版本發布,新增了 型別。 顧名思義就是不知道這個型別是什麼型別的型別(好繞口令)。 看似和現有的 型別一樣,但卻又不盡相同。 any 型別 在了解 型別前先來回顧現有的 型別。any…

使用 Circle CI 自動部署到 Github Pages

06 June, 2018

什麼是 Circle CI?簡單的說就是可以監測程式碼異動後自動跑指令的工具。傳統上在本機開發時,程式碼建置、部署通常都是自己按 IDE 或打指令。當環境不只一個,每天要處理建置、部署是非常繁瑣的事。這時候可以出動 Circle CI…

使用 Google Cloud Platform 建立 Node.js 網站

27 October, 2017

本文紀錄使用 Google Cloud Platform 建立 Node.js 網站的步驟。 申請免費試用帳號 前往 Google Cloud 申請免費試用,申請成功會給你 300 美元的額度可以在 1…

使用 Chrome 內建截圖工具擷取網頁畫面

17 July, 2017

Chrome 59 DevTools 中釋出 Full-page screenshots,不用額外安裝擴充功能或截圖軟體,直接使用內建的截圖功能擷取網頁畫面。 Full-page screenshots 使用方法 DevTools 提供了兩種  截圖方式。 Capture…

VScode 無法安裝擴充功能

11 May, 2017

更新到 1.12 版後發生無法安裝擴充功能的問題。試圖安裝 tslint 時,點了 Install 之後按鈕變成 Installing 之後又變回 Install 無限輪迴。用 Developer Tools 擷取到的錯誤訊息如下: 在官方 GitHub…

修改 git init 預設範本

14 April, 2017

指令用來將工作區加入 git 版本控管,其實就是在工作目錄底下幫我們產生 資料夾。如果想修改預設產生 資料夾內的檔案或增加內容,可以參考接下來的說明。 使用 Template Directory 根據 官方文件 指出,執行 時可以多帶 參數指定 git…

Visual Studio Code v1.11 更新

06 April, 2017

1.11 版本更新重點整理 客製化工作區主題樣式 以後 VS Code…

Visual Studio Code 使用 Typescript

17 August, 2016

在 Visual Studio Code 開發 Typescript 應用 初始化 npm 安裝 typescript typings webpack typescript: typescript compiler typings: typescript 定義檔 (.d.ts…

如何製作 VS Code Extension

05 August, 2016

前言 Visual Studio Code 是 Microsoft 開發的 Open Source、跨平台的的程式碼編輯器。主打輕量且高擴充性。Visual Studio 一貫有的 IntelliSensee、支援 Typescript、整合 Git…

自己的 blog 自己架 - 使用 hexo

04 August, 2016

使用 hexo 建立 blog 前言 本篇會介紹使用 hexo 搭配 GitHub Pages 建立自己的 blog 安裝 hexo 安裝 hexo 前置作業需要先安裝 Node.js、Git 安裝完成後,在需要建立專案的地方打開 terminal 輸入 ,hexo…

Written by Jasper Jian who lives and works in Taiwan building useful things. You should follow him on Twitter