安装Prettier VSCode - Shell-Bash

Prettier是一个代码格式化工具，可以帮助程序员自动格式化代码，使其变得更容易阅读和维护。Prettier支持多种编程语言，如JavaScript、TypeScript、CSS等。在VS Code中使用Prettier非常方便，可以通过以下Shell-Bash命令来安装：

npm install --save-dev --save-exact prettier

上述命令将Prettier安装为开发依赖项，它还确保安装的版本与您的项目的当前版本兼容。

接下来，您需要在VS Code中安装Prettier插件。您可以在VS Code扩展市场中找到插件，或者可以使用以下Shell-Bash命令在VS Code中安装插件：

code --install-extension esbenp.prettier-vscode

这将在您的VS Code中安装Prettier插件，使您可以使用Prettier来格式化代码。

要配置VS Code以在保存文件时自动运行Prettier，请打开设置（Ctrl +，或Cmd +，）并搜索“Prettier”。单击“编辑设置(JSON)”（位于右上角），然后在打开的settings.json文件中添加以下行：

"editor.formatOnSave": true,
"[javascript]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
}

这将使VS Code在保存JavaScript文件时使用Prettier进行格式化。

现在，当您保存JavaScript文件时，Prettier会自动格式化文件。您也可以使用VS Code的命令面板（Ctrl + Shift + P，或Cmd + Shift + P）并搜索“Format Document”来手动运行Prettier。

享受您代码的新样式吧！