Visual Studio Code 用過好用的插件

語言包

Chinese (Simplified) Language Pack for Visual Studio Code

適用于 VS Code 的中文(簡體)語言包

Visual Studio Code 優(yōu)化工具

vscode-icons

VSCode 編輯器文件圖標(biāo)插件

服務(wù)器熱更新工具

Live Server

服務(wù)器熱更新插件

快捷輸入工具

TabOut

Tab 鍵跳出右括號(hào)插件

代碼格式化插件

Prettier - Code formatter

Prettier 為 JavaScript / TypeScript / CSS 代碼格式化插件,設(shè)計(jì)為完全可配置,配置文件可使用.prettierrc,.prettier.config.js 或配置prettier 屬性至項(xiàng)目的package.json文件,具體可訪問https://prettier.io/docs/en/configuration.html,可配置項(xiàng)目可查詢https://prettier.io/docs/en/options.html,配置讀取順序?yàn)?prettier配置 -> .editorconfig 如果這兩個(gè)配置都沒有則讀取vscode 的prettier屬性

相關(guān)插件

Beautify 為javascript, JSON, CSS, Sass, and HTML代碼格式化插件,配置文件為.jsbeautifyrc,配置選項(xiàng)可參考:https://github.com/beautify-web/js-beautify

EditorConfig for VS Code

編碼風(fēng)格插件

EditorConfigGenerator

編碼風(fēng)格配置生成器

ESLint

編碼風(fēng)格檢查器插件

React 語言支持

Simple React Snippets

React 語法提示插件

Vue 語言支持

Vetur

Vue 語法提示插件

vue-beautify

Vue 格式化插件

CSS 語言支持

Stylint

CSS 樣式代碼風(fēng)格插件

stylus 語言支持

language-stylus

stylus 語法高亮插件

Manta's Stylus Supremacy

stylus 格式化插件

PUG 語言支持

Pug vue beautify

Vue 環(huán)境下 Pug 語言格式化插件

Markdown 語言支持

Markdown Preview Github Styling

Markdown 文件 Github 風(fēng)格顯示插件

Markdown Shortcuts

Markdown 右鍵高效管理插件

YAML 語言支持

YAML

YAML 語法提示插件

json文件格式化工具

fix-json

使用方法:輸完 json 后按 Ctrl + P 打開命令行 輸入fix-json 回車就可以把不規(guī)范的 json文件格式化為標(biāo)準(zhǔn)格式

SVG 語言支持

SVG Icons

SVG icon 插件

Svg Preview

Svg 預(yù)覽插件

服務(wù)器管理工具

Remote - WSL

使用 Visual Studio Code 管理 WSL Ubuntu 子服務(wù)器插件

PHP 語言支持

PHP Intelephense

PHP 語法提示插件

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容