Visual Studio Code

標籤 (共 6 篇文章)

[Visual Studio Code 小技巧] 改變檔案的換行符號

換行符號在不同的作業系統上有不同的表示方式,Windows 會使用 CRLF (a.k.a \r\n),而 Linux 則是使用 LF (a.k.a \n),這樣在不同的作業系統上,如果有人使用不同的換行符號,有時就會出現一些問題,所以我們需要在不同的作業系統上都使用相同的換行符號,這樣才能避免不同的問題。

這篇文章就來說說如何用 VSCode 來改變檔案的換行符號。

繼續閱讀
[Visual Studio Code 小技巧] 將檔案已指定編碼儲存

以下說明如何使用 Visual Studio Code 來將文字檔編碼進行轉換。

範例如圖,目前是一個 Big5 編碼的文字檔:

我們想轉換成 UTF-8,該如何處理呢?

繼續閱讀
[Schematics 實戰] 好用 VSCode 套件介紹 - Schematics Snippets

今天來介紹一個自己開發來幫助增加 Schematics 開發生產力的 Visual Studio Code 套件 - Schematics Snippets

繼續閱讀
使用TypeScript2.0撰寫強型別的JavaScript並透過NPM管理定義檔

TypeScript在美國時間2016/09/22正式推出2.0啦!TypeSciprt 2.0除了推出更多方便的語法之外,個人認為最大的特色就是把原本的d.ts定義檔通通移到npm上去啦。這麼一來我們在專案上就可以省去很多不定要的設定步驟,今天就來介紹一下如何在TypeScript 2.0中使用npm上的定義檔。

繼續閱讀
[React 速成班]有錢沒錢,選個編輯器好過年(2)-用Visual Studio Code開發React支援Highlight, IntelliSense]

要讓Visual Studio Code開發React的語法highlight不要亂掉,只需要把.js檔改為.jsx檔即可,不過大部分React的範例還是會用.js檔來完成,這樣會造成我們在閱讀別人程式碼時的不便,所以今天就來介紹一下如何用Visual Studio Code開發React時可以在.js檔內開發JSX也不會造成highlight的問題,另外也介紹一下如何讓Visual Studio Code支援React的intellisense

繼續閱讀
[React 速成班]有錢沒錢,選個編輯器好過年(1)-介紹篇

俗話說得好,好的IDE帶你上天堂,壞的IDE讓你deat line delay住套房。在寫todo list練習之前,先讓我用幾篇文章來介紹一下IDE的部分。React雖然熱門,但畢竟還算是比較新的東西,所以許多常見編輯器或IDE針對React的支援度都還是有限,最常見的問題就是把JSX程式碼存成.js檔時,由於一般都會在裡面插入類似HTML的JSX語法,結果就導致了大部分編輯器語法highlight出錯。不過畢竟React可是當今世上最熱門的library啊,當然許多主流的編輯器還是多少都有支援的。今天就在不要太貪心,只要求語法highlight不要出錯、不管是否有autocomplete、intellisense等其他酷炫功能的條件下,來比較幾款常見的程式編輯器。

繼續閱讀