YYFE Pack
YeeYun 前端团队插件合集,包含如下插件:
Include
ESLint :Integrates ESLint JavaScript into VS Code.
GitLens :Supercharge Git within VS Code
HTML CSS Support :HTML id and class attribute completion for Visual Studio Code.
Prettier :Code formatter using prettier
Document This :is a Visual Studio Code extension that automatically generates detailed JSDoc comments for both TypeScript and JavaScript files.
colorize :A vscode extension to help visualize css colors in files.
image preview :Shows image preview in the gutter and on hover
Code Spell Checker :Spelling checker for source code
Stylelint :Official Stylelint extension for Visual Studio Code
Highlight Matching Tag :Highlights matching closing and opening tags
Visual Studio IntelliCode :AI-assisted development
EditorConfig for VS Code :EditorConfig Support for Visual Studio Code
Vue Language Features (Volar) : Language support for Vue 3
language-postcss : PostCSS language support
PostCSS Intellisense and Highlighting :Syntax highlighting and intellisense for PostCSS
CSS Variable Autocomplete :css 变量全局扫描,支持自动提示、颜色预览、go to definition
Error Lens : Improve highlighting of errors, warnings and other language diagnostics.
markdownlint : Markdown linting and style checking for Visual Studio Code
TODO Highlight : highlight TODOs, FIXMEs, and any keywords, annotations...
markdownlint : Markdown linting and style checking for Visual Studio Code
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
bookmarks :Mark lines and jump to them
git-commit-plugin :Automatically generate git commit
ES7+ React/Redux/React-Native snippets :JavaScript and React/Redux snippets in ES7+ with Babel plugin features for VS Code
Live Server :Launch a local development server with live reload feature for static & dynamic pages.
Markdown Emoji :Adds :emoji: syntax support to VS Code's built-in Markdown preview and to ,markdown cells in notebooks.
Markdown Preview Enhanced :Markdown Preview Enhanced ported to vscode
Quit Control for VSCode :Stop mistyping keyboard shortctus that close/quit VSCode unintentionally
filesize :Show the current file size in the status bar.
File Nesting Updater :A config to make your file tree cleaner with the file nesting feature of VS Code.
change-case : Quickly change the case (camelCase, CONSTANT_CASE, snake_case, etc)
Git Graph : View a Git Graph of your repository, and perform Git actions from the graph.
Version Lens : Shows the latest version for each package using code lens
Outdate
vetur :vue2 插件
Bracket Pair Colorizer 2 :官方已内置
npm : npm 脚本执行插件,现在已内置
| |