2016/04/28

[.NET Core] 如何在 Mac 上建立 .NET Core 專案

在 Mac 上建立 .NET Core 的專案愈來愈簡單了,連安裝設定也相效簡易許多

.NET Core 提供各平台的安裝方法:http://dotnet.github.io/getting-started/



現在就一步一步跟著我實作吧!

2016/04/26

[TypeScript] 如何更新舊有的 TSD 至新的 Typings 定義檔管理

早前開發 TypeScript 有使用 TSD 的定義檔管理, 現在都轉移至 Typings.

TSD 與 Typings 的使用方法相差雖不大, 目前仍有一些小細節需要注意

原本 tsd:
tsd install jquery --save

現在 typings:
typings install jquery --ambient --save

--ambient 參數在 Typings 是為全域性的定義, 目前 DefinitedTyped typings 都是屬於全域.

那麼如何更新舊有的 TSD 到 Typings 呢?

1. 刪除舊的 typings 資料夾

rm -rf typings

2. 轉移原 tsd.json 升級至新的 typings

typings init --upgrade
rm tsd.json
typings install

3. 依需求更新 tsconfig.json


還好更新起來很簡單, 只是記得要加上 --ambient 參數來載入定義檔! 多記一個單字囉~

[TypeScript] 如何用 Vue.js 搭配 TypeScript

TypeScript 是由 Microsoft 開發的 Open Source 程式語言。它是 JavaScript 的超集合。

TypeScript 的幾個特性:

  • TypeScript =  靜態型別 + 動態型別
  • TypeScript 涵蓋 JavaScript 語法,並支援  class, interface, module
  • TypeScript 最終編譯結果是 JavaScript

想要更了解 TypeScript 可以看看這一篇 快速瞭解 TypeScript 是什麼東西

先來實做一個簡單的 TypeScript 應用吧!

2016/04/25

[Node.js] 解決 npm ERR! cb() never called! 的問題

近期玩 Angular 2, 在執行 npm install 時發生問題

出現的錯誤訊息是:

npm ERR! cb() never called!


這問題是在 Angular 2 beta 7 版, 變更至近期的 Angular 2 beta 15 版時才發現到的

原先本機的 Node 版本為 v 5.9.0, npm 版本為 3.8.3

練習時, 使用的是 Angular 2 beta 7, 安裝正常使用

剛好在開新專案, 用目前 Angular 官方提供的最新版本 beta 15 時, 安裝即出現 npm ERR!


解決方法:

1. 清掉 cache

先清一下 cache 再重裝看看是否行得通

npm cache clean

2. 更新 Node 版本

Google 爬了許多文的結果是 Node v5.9.0 也有這樣的問題, 更新版本後就好了!


Windows 更新方式:

直接至 https://nodejs.org 下載最新 stable 的版本

Mac 更新方式:

用 Homebrew 的方法:

brew doctor
brew upgrade node


我本身遇到的情況的確在更新至版本 v.5.11.0 後就沒有這個問題囉!

2016/04/24

[Laravel] 如何使用 Elixir 的 BrowserSync

我想這是常常遇到的雷, 沒有記錄下來總是會忘記

目前測試的版本:
  • Laravel 5.2.29
  • laravel-elixir 5.0.0

1. 建立 Laravel 專案

composer create-project laravel/laravel myproject --prefer-dist

2. npm 安裝套件

npm install

3. 修改專案中的 gulpfile.js

mix.browserSync({
    proxy : 'localhost:8000'
});

2016/04/15

[VSCode] 如何變更 Visual Studio Code UI 介面語系

Visual Studio Code 1.0 釋出後,自動變更成本機的語系,自動中文化了

如果想要維持使用英文版介面,可以這麼做

鍵盤輸入 Ctrl + Shift + P 跳出指令輸入框

輸入 語言 -- 即可找到 "設定語言"

只需把 Locale 的值變更成希望呈現的介面語系即可

繁中: zh-TW
英文: en-US

變更後,儲存並重開 Visual Studio Code 即可


可變更的語系列表: VSCode - Display Language

Visual Studio Code 1.0 正式釋出

千呼萬喚始出來之 Visual Studio Code 1.0



2016/04/12

[Laravel] 解決使用 tinker 出現 PsySH history file found 的問題

Laravel 的 tinker 指令

php artisan tinker

結果出現錯誤訊息:

PsySH history file found at '/Users/USERNAME/.config/psysh_history'.  
Please delete it or move it to '/Users/USERNAME/.config/psysh/psysh_history'.

解決方法:

1. 可以直接把 ~/.config/psysh_history 刪掉

rm ~/.config/psysh_history

2. 把它移到自己家目錄的 .config/psysh/ 資料夾中

cd ~/.config
mkdir psysh
mv psysh_history ~/config/psysh/