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

Web Extension Pack

王一宁

|
1,811 installs
| (1) | Free
Popular Visual Studio Code extensions for Web
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

web-extension-pack

Web 扩展包 - Web Extension Pack

扩展包内容

  • 操作主题
    • Chinese (Simplified) Language Pack - 中文(简体)语言包
    • Sublime Text Keymap and Settings Importer - Sublime Text 快捷键映射
    • vscode-icons - 图标主题
  • 增强工具
    • Path Intellisense - 路径自动提示
    • Code Runner - 代码运行工具
    • GitLens — Git supercharged - Git 增强工具
    • Code Spell Checker - 代码拼写检查器
    • EditorConfig for VS Code - EditorConfig
  • 检测工具
    • ESLint - ESLint 代码检测
    • Prettier - Code formatter - prettier 格式化
  • HTML
    • Auto Rename Tag - 自动重命名标签
  • JS
    • JavaScript (ES6) code snippets - ES6 代码段
  • Vue
    • Vetur - Vue 代码工具
    • Vue Peek - Vue 引用查看
    • VueHelper Vue 代码段
  • 小程序
    • minapp - 微信小程序代码工具
  • Nodejs
    • npm - npm
  • PHP
    • PHP IntelliSense - PHP 智能提示
    • PHP Debug - PHP 调试

设置默认配置

按 F1 输入 设置:默认配置(WebExtensionPack) 自动增加默认配置

{
  "editor.fontSize": 14,
  "editor.tabSize": 2,
  "editor.formatOnSave": true,
  "editor.minimap.renderCharacters": false,
  "editor.snippetSuggestions": "top",
  "files.autoSave": "onFocusChange",
  "breadcrumbs.enabled": true,
  "emmet.triggerExpansionOnTab": true,

  "eslint.alwaysShowStatus": true,
  "prettier.printWidth": 120,
  "prettier.singleQuote": true,
  "prettier.arrowParens": "always",
  "prettier.trailingComma": "es5",

  "workbench.iconTheme": "vscode-icons",
  "code-runner.defaultLanguage": "javascript",
  "cSpell.userWords": ["editorconfig"]
}
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft