Jun瘋自學

Visual Studio Code(VSCode) 推薦安裝的套件

Visual Studio Code(VSCode) 身為一款世界上最多人用的編輯器來講,它本身也有非常多好用的套件,但是礙於套件真的實在太多了!

Icon

Material Icon Theme

Material Icon Theme

Live Sass Compiler

Live Sass Compiler 是一款可以幫助我們編譯 Sass/SCSS 的套件,如果你不想要為了編譯 Sass/SCSS 而準備開發環境的話,那麼這個套件就是你的最佳選擇。

Live Sass Compiler

這邊也額外提一下編譯 Sass 按鈕的位置,它是在 VSCode 的狀態列上,點擊它就可以編譯 Sass/SCSS

Live Sass Compiler

Live Server

本地端開啟可以預覽的網站,這是一款可以幫助我們快速建立一個模擬伺服器的套件,如果你想要快速建立一個模擬伺服器的話,那麼這個套件也是你的最佳選擇。

兩大必備Auto模組:
Auto Rename Tag
編輯HTML標籤時,結尾標籤可以自動替換
Auto Close Tag
編輯HTML標籤時,完成起始標籤,自動補齊結尾標籤

其他:
HTML Boilerplate
寫HTML時,可以預測你接下來要打的標籤
HTML CSS Support
寫HTML時,可以自動讀取到CSS已經定義好的class、id名稱
Code Spell Checker
檢查你的英文單字有沒有打錯
CSS Peek
從HTML上的Class可以快速找到該CSS的Code
ESLint
檢查Code的排版,讓你跟上主流的編碼風格
Material Icon Theme
如果你是前端工程師一定需要這款能讓VScode的UI變得美美的模組
Path Intellisense
寫路徑的時候,不用再去開檔案總管去看了,直接在Code裡面用看的方式填入路徑

PHP 相關推薦

PHP 7 強勢再起,不要再鄙視他了 QQ

Python 專區

簡單好用又強大的語言。

  • Python
    就是 Python 的集大成擴充功能,已經由微軟官方親自維護

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *