VScode插件安装

一、常用插件

Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

vscode 中文插件

Auto Rename Tag

闭合标签

Path Intellisense

一个非常实用的工具，它提供了文件路径的自动补全功能，可以极大地提高开发效率。路径自动补全、智能感知、支持自定义配置（settings.json）

Project Manager

专为提升项目管理效率而设计的工具，左侧项目可以搜索目录。

1. 添加项目到管理器：
   • 打开需要管理的项目文件夹。
   • 按下快捷键（Windows/Linux上是Ctrl+Shift+P，macOS上是Command+Shift+P）打开命令面板。
   • 输入“Project Manager: Save Project”并选择该命令，将当前项目保存到Project Manager中。
   • 重复上述步骤，将更多项目添加到管理器中。
2. 快速切换项目：
   • 点击VSCode左侧边栏中的“Project Manager”图标（如果未显示，可能需要通过点击侧边栏底部的“…”按钮找到并启用它）。
   • 在项目管理器中选择要切换的项目，点击即可打开该项目。
3. 管理项目：
   • 在项目管理器中，用户可以查看所有已保存的项目，并为它们添加或删除标签。
   • 通过搜索功能，用户可以快速找到特定的项目。
     

project-tree

Project-Tree是一个实用的工具，它可以帮助用户快速生成并查看项目的目录结构。

Prettier - Code formatter 格式化

一款非常受欢迎的代码格式化工具，它主要用于自动调整代码文件的编码风格，确保代码的统一性和可读性。

  // 根据需要配置，这里只放一点示例 setting.json
  "prettier.requireConfig": false,
  "prettier.bracketSameLine": false, // 在jsx中把'>' 是否单独放一行
  "prettier.endOfLine": "auto",
  //  #让prettier使用eslint的代码格式进行校验
  // "prettier.eslintIntegration": true,
  //  #去掉代码结尾的分号
  "prettier.semi": false,
  //  #使用带引号替代双引号
  "prettier.singleQuote": true,

Prettier ESLint 格式化

用于使用更漂亮的eslint包格式化JavaScript和TypeScript代码。

"editor.wordWrap": "on",
  // yss-config-start
  "editor.tabCompletion": "on",
  "search.quickOpen.includeSymbols": true,
  "editor.suggest.localityBonus": true,
  "editor.suggest.shareSuggestSelections": true,
  "cSpell.languag