vscode幾十個常用插件

開發中使用的一些vscode插件

vscode快捷打開終端

1. 通過cmd+shift+p
2. Ctrl+t ---》  >輸入相關名稱

EaseServer

此擴展使您可以在本地服務器上運行打開的文件

打開方式：

1. default shortcut Ctrl+Shift+Enter
2. 或Ctrl+t —》 >EaseServer Start
3. 支持熱更新, 無需刷新頁面

特性

1. 本地http服務器

2. 自動打開文件在瀏覽器

Live Server

啓動具有靜態和動態頁面實時重新加載功能的本地開發服務器

打開方式：

1. 點擊狀態欄Go Live打開/關閉服務器
2. 支持熱更新, 無需刷新頁面

Live HTML Previewer

這個擴展允許你在VS代碼中預覽html文件。使用它可以快速設置網頁的html和css。

打開方式：

1. Ctrl+t —》 >side preview
2. vscode工具 左下方 點擊 Preview Available

LiveReload

LiveReload

用途及參考

1. 它可以監聽你設置的文件夾中文件的改變，若是文件內容有改變，它會自動刷新瀏覽器
2. chrome可以去應用商店下載擴展
3. 具體使用需配置 https://www.cnblogs.com/liu-l/p/3902100.html

Auto Close Tag

自動添加HTML/XML關閉標籤，就像Visual Studio IDE或Sublime Text所做的那樣。

Auto Rename Tag

當重命名一個HTML/XML標記時，自動重命名成對的HTML/XML標記

Beautify

在VS代碼中美化代碼

Beautify css/sass/scss/less

美化css, sass和less的代碼(Visual Studio代碼的擴展)

AutoFileName

自動完成文件名

Better Comments

通過使用警告、信息、TODOs等註釋來改進代碼註釋!

Bracket Pair Colorizer

一個可定製的擴展，用於對匹配的括號進行着色

Code Outline

VSCode的代碼大綱樹提供程序

Code Runner

vsCode中右鍵Run Code

Code Spell Checker

源代碼的拼寫檢查器

Color Info

提供有關css顏色的快速信息

vscode-pigments

預覽編輯器中使用的顏色

Coverage Gutters

顯示由lcov或xml生成的測試覆蓋範圍-可用於多種語言

Debugger for Chrome

在Chrome瀏覽器或任何其他支持Chrome調試器協議的目標中調試JavaScript代碼。

Document This

在TypeScript和JavaScript文件中自動生成詳細的JSDoc註釋。

default shortcut Ctrl+Alt+D

Dracula Official

官方吸血鬼主題。

ECMAScript Quotes Transformer

轉換ECMAScript字符串文本的引號。

ESLint

將ESLint JavaScript集成到VS代碼中。

GitLens — Git supercharged

增強Visual Studio代碼中內置的Git功能

增強Visual Studio代碼中內置的Git功能——通過Git blame註釋和代碼鏡頭直觀地顯示代碼作者身份，無縫地導航和探索Git存儲庫，通過強大的比較命令獲得有價值的見解，等等

Guides

Visual Studio代碼,指南線,縮進背景線

Highlight Matching Tag

突出顯示匹配的關閉或打開標記

HTML CSS Support

CSS支持HTML文檔

HTML Snippets

完整的HTML標籤，包括HTML5代碼片段

Icon Fonts

爲流行的圖標字體的片段，如字體棒，離子圖標，字形圖標，八進制，材料設計圖標和更多!

Image preview

顯示圖像預覽在行號旁和懸停

Indenticator

突出顯示當前縮進深度

jQuery Code Snippets

超過130個jQuery代碼片段

open in browser

這允許您在默認瀏覽器或應用程序中打開當前文件。

右鍵選擇打開

Path Intellisense

Visual Studio代碼插件，自動完成文件名

PHP Debug

使用XDebug對PHP的調試支持

PHP Extension Pack

PHP開發所需的一切

PHP Formatter

格式化

PHP IntelliSense

PHP的高級自動完成和重構支持

Quokka.js

JavaScript的即時編譯。

Sass

Sass

Simple icons

圖標主題

stylelint

Modern CSS/SCSS/Less linter

Terminal

Visual Studio代碼的終端

TODO Highlight

突出顯示TODOs、FIXMEs和任何關鍵字、註釋……

Vue

Vetur

Vue工具用於VS代碼

Vue 2 Snippets

Vue 2 code Snippets, 快速編碼

VueHelper

Vue、Vue-router和Vuex的代碼片段

wechat mini program

vscode wxml

微信wxml支持/ vscode片段

vscode-wechat

vscode支持微信wxss