在 Mac 上建立 .NET Core 的專案愈來愈簡單了,連安裝設定也相效簡易許多
.NET Core 提供各平台的安裝方法:http://dotnet.github.io/getting-started/
現在就一步一步跟著我實作吧!
2016/04/28
2016/04/26
[TypeScript] 如何更新舊有的 TSD 至新的 Typings 定義檔管理
早前開發 TypeScript 有使用 TSD 的定義檔管理, 現在都轉移至 Typings.
TSD 與 Typings 的使用方法相差雖不大, 目前仍有一些小細節需要注意
原本 tsd:
現在 typings:
--ambient 參數在 Typings 是為全域性的定義, 目前 DefinitedTyped typings 都是屬於全域.
那麼如何更新舊有的 TSD 到 Typings 呢?
1. 刪除舊的 typings 資料夾
2. 轉移原 tsd.json 升級至新的 typings
3. 依需求更新 tsconfig.json
還好更新起來很簡單, 只是記得要加上 --ambient 參數來載入定義檔! 多記一個單字囉~
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 是什麼東西
先來實做一個簡單的 TypeScript 應用吧!
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 時發生問題
出現的錯誤訊息是:
這問題是在 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 的方法:
我本身遇到的情況的確在更新至版本 v.5.11.0 後就沒有這個問題囉!
出現的錯誤訊息是:
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
我想這是常常遇到的雷, 沒有記錄下來總是會忘記
目前測試的版本:
1. 建立 Laravel 專案
2. npm 安裝套件
3. 修改專案中的 gulpfile.js
目前測試的版本:
- 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/18
[VSCode] 如何在 Visual Studio Code 整合呼叫 Dash API 文件
Viausl Studio Code + Dash = 加速在編寫程式時查詢 API 文件的速度及效率
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
如果想要維持使用英文版介面,可以這麼做
鍵盤輸入 Ctrl + Shift + P 跳出指令輸入框
輸入 語言 -- 即可找到 "設定語言"
只需把 Locale 的值變更成希望呈現的介面語系即可
繁中: zh-TW
英文: en-US
變更後,儲存並重開 Visual Studio Code 即可
可變更的語系列表: VSCode - Display Language
2016/04/12
[Laravel] 解決使用 tinker 出現 PsySH history file found 的問題
Laravel 的 tinker 指令
結果出現錯誤訊息:
解決方法:
1. 可以直接把 ~/.config/psysh_history 刪掉
2. 把它移到自己家目錄的 .config/psysh/ 資料夾中
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/