Skip to content
| Marketplace
Sign in
Visual Studio Code>Extension Packs>YYFE PackNew to Visual Studio Code? Get it now.
YYFE Pack

YYFE Pack

白晓宇

|
44 installs
| (0) | Free
YeeYunFE Extension Pack
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

YYFE Pack

YeeYun 前端团队插件合集,包含如下插件:

Include

  1. ESLint:Integrates ESLint JavaScript into VS Code.
  2. GitLens:Supercharge Git within VS Code
  3. HTML CSS Support:HTML id and class attribute completion for Visual Studio Code.
  4. Prettier:Code formatter using prettier
  5. Document This:is a Visual Studio Code extension that automatically generates detailed JSDoc comments for both TypeScript and JavaScript files.
  6. colorize:A vscode extension to help visualize css colors in files.
  7. image preview:Shows image preview in the gutter and on hover
  8. Code Spell Checker:Spelling checker for source code
  9. Stylelint:Official Stylelint extension for Visual Studio Code
  10. Highlight Matching Tag:Highlights matching closing and opening tags
  11. Visual Studio IntelliCode:AI-assisted development
  12. EditorConfig for VS Code:EditorConfig Support for Visual Studio Code
  13. Vue Language Features (Volar): Language support for Vue 3
  14. language-postcss: PostCSS language support
  15. PostCSS Intellisense and Highlighting:Syntax highlighting and intellisense for PostCSS
  16. CSS Variable Autocomplete:css 变量全局扫描,支持自动提示、颜色预览、go to definition
  17. Error Lens: Improve highlighting of errors, warnings and other language diagnostics.
  18. markdownlint: Markdown linting and style checking for Visual Studio Code
  19. TODO Highlight: highlight TODOs, FIXMEs, and any keywords, annotations...
  20. markdownlint: Markdown linting and style checking for Visual Studio Code
  21. Iconify IntelliSense: Intelligent Iconify previewing and searching for VS Code

Vscode Config

vscode use config need add:

{
  "extensions.autoUpdate": true,
  // 让HTML CSS Support插件支持vue
  "css.enabledLanguages": ["html", "vue"]
}

其他非用户级设置都由项目初始化时自动添加,无需手动配置。

Recommend

  1. bookmarks:Mark lines and jump to them
  2. git-commit-plugin:Automatically generate git commit
  3. ES7+ React/Redux/React-Native snippets:JavaScript and React/Redux snippets in ES7+ with Babel plugin features for VS Code
  4. Live Server:Launch a local development server with live reload feature for static & dynamic pages.
  5. Markdown Emoji:Adds :emoji: syntax support to VS Code's built-in Markdown preview and to ,markdown cells in notebooks.
  6. Markdown Preview Enhanced:Markdown Preview Enhanced ported to vscode
  7. Quit Control for VSCode:Stop mistyping keyboard shortctus that close/quit VSCode unintentionally
  8. filesize:Show the current file size in the status bar.
  9. File Nesting Updater:A config to make your file tree cleaner with the file nesting feature of VS Code.
  10. change-case: Quickly change the case (camelCase, CONSTANT_CASE, snake_case, etc)
  11. Git Graph: View a Git Graph of your repository, and perform Git actions from the graph.
  12. Version Lens: Shows the latest version for each package using code lens

Outdate

  1. vetur:vue2 插件
  2. Bracket Pair Colorizer 2:官方已内置
  3. npm: npm 脚本执行插件,现在已内置
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft