在Cloud9中为指定文件夹配置Prettier

当然可以搞定！我来一步步帮你配置指定文件夹的Prettier，咱们从最基础的环节排查起：

• 先打开终端，切换到你要配置的文件夹路径，执行本地安装命令：
  npm install --save-dev prettier
  （如果用yarn就是yarn add --dev prettier）
• 安装完成后，检查文件夹里的package.json，应该能看到prettier在devDependencies里，这说明安装成功了。

在目标文件夹根目录下创建一个配置文件，选一种你习惯的格式就行：

• 创建.prettierrc（JSON格式），示例内容：

  {
    "singleQuote": true,
    "semi": false,
    "tabWidth": 2
  }
  

• 或者.prettierrc.js（JS格式），示例：

  module.exports = {
    singleQuote: true,
    semi: false,
    tabWidth: 2
  }
  

这个配置文件会只作用于当前文件夹及其子文件夹，完美匹配你的需求。

• 安装VS Code的Prettier插件，然后打开设置（快捷键Ctrl+,/Cmd+,）
• 搜索Format On Save，勾选这个选项，这样保存文件时会自动用Prettier格式化
• 搜索Default Formatter，选择esbenp.prettier-vscode，确保编辑器默认用Prettier来格式化

• 在目标文件夹里新建一个测试文件，比如test.js，故意写一些不符合格式的代码：

  const name = "Alice"
  function greet(){console.log(`Hello ${name}`)}
  

• 保存文件，或者在终端执行格式化命令：npx prettier --write .
  （这个命令会格式化当前文件夹下所有符合规则的文件）
• 如果代码变成下面这样，说明配置成功了：

  const name = 'Alice'
  function greet() {
    console.log(`Hello ${name}`)
  }
  

如果还是有问题，你可以告诉我具体的错误提示，或者你之前操作的细节，我再帮你排查~

内容的提问来源于stack exchange，提问作者Lalit Kumar