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 脚本执行插件,现在已内置
| |