10.【轉】Visual Studio Code 必備外掛,主題及語法提示 | vscode套件
VisualStudioCode是由微軟開發的一款免費的,跨平臺文字編輯器。由於其出色的效能表現和豐富的功能,它很快成為了開發者的最愛。與大多數IDE一樣,VSCode也有一個擴充套件市場,包含數千個具有不同功能的外掛。為了幫助您挑選值得下載的東西,我們收集了這些最有用和最有趣的擴充套件。在瀏覽器中開啟或預覽–Open-In-BrowserVSCode不能通過內建介面來直接在瀏覽器中開啟檔案。此擴充套件將新增一個[OpenWithDefaultBrowser]選項到右鍵選單,使您在客戶端(Firefox,Chrome,IE)中開啟命令面板選項。專案地址:Open-In-Browser[1]程式...
Visual Studio Code 是由微軟開發的一款免費的,跨平臺文字編輯器。由於其出色的效能表現和豐富的功能,它很快成為了開發者的最愛。
與大多數 IDE 一樣,VSCode 也有一個擴充套件市場,包含數千個具有不同功能的外掛。為了幫助您挑選值得下載的東西,我們收集了這些最有用和最有趣的擴充套件。
在瀏覽器中開啟或預覽 – Open-In-BrowserVSCode 不能通過內建介面來直接在瀏覽器中開啟檔案。此擴充套件將新增一個 [Open With Default Browser] 選項到右鍵選單,使您在客戶端(Firefox,Chrome,IE)中開啟命令面板選項。
專案地址:Open-In-Browser[1]
程式碼除錯 – QuokkaQuokka 是一個除錯工具,可以為您正在編寫的程式碼提供實時反饋。它能夠預覽變數的函式和計算值結果。該擴充套件易於配置,對於使用 JSX 或 TypeScript 的專案可直接使用。
專案地址:Quokka[2]
Faker使用流行的 Faker[3] JavaScript 庫快速插入佔位符資料。您可以生成隨機的名稱,地址,影象,電話號碼或經典的亂數假文段落。每個類別都有各種子類別,因此您可以隨心所欲的使用這些資料。
專案地址:Faker[4]
跳轉到 CSS 定義行 – CSS Peek通過此擴充套件,您可以跟蹤樣式表中 CSS 類和 id 的樣式。當您右鍵單擊 HTML 檔案中的選擇器時,選擇“Go to Definition”和“Peek”將會直接帶您跳轉到相對應的 CSS 程式碼。
專案地址:CSS Peek[5]
HTML 模板 – HTML BoilerplateHTML 模板擴充套件將不必手動寫入新的 HTML 文件的 head 和 body 標籤。只需在空檔案中輸入 html ,按 Tab 鍵即可生成乾淨的文件結構。
專案地址:HTML Boilerplate[6]
格式化程式碼 程式碼美化 – Prettier