VSCode 常用插件

410 阅读1分钟

Code Runner

Id: formulahendry.code-runner
Description: Run C, C++, Java, JS, PHP, Python, Perl, Ruby, Go, Lua, Groovy, PowerShell, CMD, BASH, F#, C#, VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml, R, AppleScript, Elixir, VB.NET, Clojure, Haxe, Obj-C, Rust, Racket, Scheme, AutoHotkey, AutoIt, Kotlin, Dart, Pascal, Haskell, Nim,
VS Marketplace Link: marketplace.visualstudio.com/items?itemN…

Code Spell Checker

Id: streetsidesoftware.code-spell-checker
Description: Spelling checker for source code
VS Marketplace Link: marketplace.visualstudio.com/items?itemN…

EditorConfig for VS Code

Id: EditorConfig.EditorConfig
Description: EditorConfig Support for Visual Studio Code
VS Marketplace Link: marketplace.visualstudio.com/items?itemN…

Eslint

Id: dbaeumer.vscode-eslint
Description: Integrates ESLint JavaScript into VS Code.
VS Marketplace Link: marketplace.visualstudio.com/items?itemN…

{
    // 保存时自动修复
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
}

Prettier - Code formatter

Id: esbenp.prettier-vscode
Description: Code formatter using prettier
VS Marketplace Link: marketplace.visualstudio.com/items?itemN…

GitLens — Git supercharged

Id: eamodio.gitlens
Description: Supercharge Git within VS Code — Visualize code authorship at a glance via Git blame annotations and CodeLens, seamlessly navigate and explore Git repositories, gain valuable insights via rich visualizations and powerful comparison commands, and so much more
VS Marketplace Link: marketplace.visualstudio.com/items?itemN…

Live Server

Id: ritwickdey.LiveServer
Description: Launch a development local Server with live reload feature for static & dynamic pages
VS Marketplace Link: marketplace.visualstudio.com/items?itemN…

Vue Language Features (Volar)

Id: Vue.volar
Description: Language support for Vue 3
VS Marketplace Link: marketplace.visualstudio.com/items?itemN…

Todo Tree

Id: Gruntfuggly.todo-tree
Description: Show TODO, FIXME, etc. comment tags in a tree view
VS Marketplace Link: marketplace.visualstudio.com/items?itemN…

Dracula Official

Id: dracula-theme.theme-dracula
Description: Official Dracula Theme. A dark theme for many editors, shells, and more.
VS Marketplace Link: marketplace.visualstudio.com/items?itemN…

Material Icon Theme

Id: PKief.material-icon-theme
Description: Material Design Icons for Visual Studio Code
VS Marketplace Link: marketplace.visualstudio.com/items?itemN…

Search node_modules

Id: jasonnutter.search-node-modules
Description: Quickly search the node_modules folder.
VS Marketplace Link: marketplace.visualstudio.com/items?itemN…

Tabnine AI Autocomplete for Javascript, Python, Typescript, PHP, Go, Java, Ruby & more

Id: TabNine.tabnine-vscode
Description: JavaScript, Python, Java, Typescript & all other languages - AI Code completion plugin. Tabnine makes developers more productive by auto-completing their code.
VS Marketplace Link: marketplace.visualstudio.com/items?itemN…

IntelliCode

Id: VisualStudioExptTeam.vscodeintellicode
Description: AI-assisted development
VS Marketplace Link: marketplace.visualstudio.com/items?itemN…

Error Lens

Id: usernamehw.errorlens
Description: Improve highlighting of errors, warnings and other language diagnostics.
VS Marketplace Link: marketplace.visualstudio.com/items?itemN…

Import Cost

Id: wix.vscode-import-cost
Description: Display import/require package size in the editor
VS Marketplace Link: marketplace.visualstudio.com/items?itemN…

change-case

Id: wmaurer.change-case
Description: Quickly change the case (camelCase, CONSTANT_CASE, snake_case, etc) of the current selection or current word
VS Marketplace Link: marketplace.visualstudio.com/items?itemN…