2015/05/19

[VirtualBox] 空間不夠用?如何增加虛擬機器的磁碟空間

虛擬機器用久了,總有可能發生磁碟區不夠用的情況

今天遇到了~看到它紅色警示,天啊~

好吧,既然遇到了,想辦法擴充它!總不能再重灌一次,太麻煩了~


2015/05/13

[TypeScript] TSD - TypeScript 管理套件

隨著網站開發的頻繁度, 寫 JavaScript 也從來沒有輕鬆過, 但為了寫出更好的 JavaScript 程式的品質, 利用 TypeScript 定義規範, 可以讓錯誤減少機會發生, 不用抓蟲抓得太辛苦!

在 Visual Studio 裡有 NuGet 套件管理可以很方便地取得需要的定義檔.
PM> Install-Package jquery.TypeScript.DefinitelyTyped


但是開發 PHP 寫的網站, IDE 工具不夠強大, 還是需要找到一個可以容易管理取得的方法. 

TSD 可以簡單管理 TypeScript DefinitelyTyped 的套件:

1. 必需要先有 Node.js

2. 安裝 TSD - 主要透過它來取得定義檔
npm install tsd@next -g

3. 建立初始檔
npm init

將會在產生 tsd.json 檔案, 包含預設值及安裝路徑 (path)
預設路徑為 typings , 依開發需求變更安裝路徑

4. 下載需要的套件定義
tsd install jquery --save


基本步驟搞定~ 剛開始研究花比較多時間了解, 以後就不需東找西找, 省下時間 coding


更多有關 TSD 的資料: https://github.com/DefinitelyTyped/tsd

2015/05/05

[Visual Studio Code] 跨平台編輯器 on Ubuntu Linux

前兩篇剛好各在 Mac 及 Windows 上使用 Visual Studio Code, 這回把它裝到 Linux 上去

終於有好的 GUI 程式碼編輯器可以在 Linux 上使用了 (vim 可以偶爾休息一下囉)



安裝使用超級簡單~

[Visual Studio Code] 支援 Emmet snippet 快速開發

在 Visutal Studio Code 也可以享有 speed coding

Emmet snippet 已經是我在編寫 HTML 時不可或缺的工具, 近期推出的免費程式編輯器 Visual Studio Code 也具備這個基本功能!

當新建立一個文件時, 必需先選擇要編輯的程式語言, 這裡我們選 HTML (也可以選 PHP), 一方面會顯示程式 highlight 標示. 否則只會單純當成純文字看待


來個最簡易的 HTML5 基本 code, 輸入 html:5 按下 Tab


HTML5 基本款建立好囉, 還自動反白 title 的文字讓我們來修改 



一直以來編輯簡易的檔案, 沒必要出動到 IDE, 通常我會用 Notepad++ 或是 Sublime 來做編輯, 現在多了一個程式編輯器的工具, 太棒了~~~ 還有更多功能慢慢發掘中...


2015/05/02

[.NET] 在 Mac 上使用 Visual Studio Code 執行 ASP.NET 5

在 Mac 上終於有好的文字編輯器給程式設計師了!而且重點是~免費!Visual Studio Code 不僅支援當下常見的網頁檔案外,當然它最重要的是可以編 C#, TypeScript~




更新文如何在 Mac 開發 ASP.NET Core 網站

下載及安裝文件寫的很清楚,以下是相關連結

Download: Visual Studio Code

Install: ASP.NET 5 & DNX

Building ASP.NET 5 Applications with Visual Studio Code