Visual Studio Code 網頁勞工常見擴充套件紀錄– 要改的地方太 ... | visual studio code html預覽
忘記從何時開始,突然感覺網路社群上常常有人在討論VisualStudioCode(簡稱VSCode),一開始以為是VisualStudio的什麼新功能,後來才知道是微軟出的開源程式碼編輯器。距離本部落格第一篇的文章SublimeText網頁勞工常用擴充套件,已經過了三年多了,我近幾年都是用SublimeText的,中途雖然因為一些原因有偷吃Atom,Brackets…後來還是沒有轉換過去。其實一開始是先在上班的地方開始用VSCode,因為公司的程式都是ASP.Net的,但是SublimeText對ASP.Net相關檔案的SyntaxHighlighting顯示效果比Dreamweaver還差,經常檔案放進去,還要再選程式...
忘記從何時開始,突然感覺網路社群上常常有人在討論 Visual Studio Code (簡稱 VS Code) ,一開始以為是 Visual Studio 的什麼新功能,後來才知道是微軟出的開源程式碼編輯器。
距離本部落格第一篇的文章 Sublime Text 網頁勞工常用擴充套件,已經過了三年多了,我近幾年都是用 Sublime Text 的,中途雖然因為一些原因有偷吃 Atom, Brackets…後來還是沒有轉換過去。
其實一開始是先在上班的地方開始用 VS Code,因為公司的程式都是 ASP.Net 的,但是 Sublime Text 對 ASP.Net 相關檔案的 Syntax Highlighting 顯示效果比 Dreamweaver 還差,經常檔案放進去,還要再選程式碼種類,才能正常顯示,甚至還有些 ASP.Net 檔案,不管 Sublime Text 怎麼選都不會變色。
但是地表最強編輯器的 Visual Studio ,大半功能我也用不著(最常用的大概是移至定義、移至相關程式碼),VS Code 算是最輕薄簡單的解決檔案的顯示問題。
VS Code 的更新動作也非常頻繁,像寫這篇文章的時候更新了 1.15.1,內建就直接有 Color picker 的功能,不用再另外裝了。
紀錄一下額外安裝的 VS Code 擴充套件
AutoFileName : 讓編輯器自動完成圖片或檔案路徑。Auto Rename Tag : 讓成對的標籤自動一起修改。Auto Close Tag : 設定標籤自動閉合的裩則。Bootstrap 3 Snippets : 插入 snippets 的工具,用 bs- 輔助插入 Bootstrap 3 的 iconfont 或網頁元件。cdnjs : 不用再每次去複製 jquery 之類的 cdn 路徑,用這個就可以快速在編輯器內插入。不過因為在匪區常常被衝康,在正式上線環境還是會把 cdn 路徑改掉。Chinese Translation : 可以在編輯器內直接把選取的文字簡繁轉換,而且這套件可以正常翻譯「天后、干面、长发、胡须」,而不會變成「天後、幹麵、長發、胡須」,實在是很厲害。至於為什麼網站的文字要用機器翻譯而不是業主或專業翻譯社提供? 這真是...