Prettier-Standard 使用教程

Prettier-Standard 使用教程

【免费下载链接】prettier-standard Formats with Prettier and lints with ESLint+Standard! (✿◠‿◠) 项目地址: https://gitcode.com/gh_mirrors/pr/prettier-standard

1. 项目介绍

prettier-standard 是一个结合了 Prettier 和 ESLint 的工具，旨在通过 Prettier 进行代码格式化，并通过 ESLint 结合 Standard 规则进行代码检查。它简化了配置过程，使得开发者无需手动修复代码中的空白错误，节省了大量时间。

2. 项目快速启动

安装

你可以通过 yarn 或 npm 安装 prettier-standard：

# 使用 yarn 安装
yarn add --dev prettier-standard

# 使用 npm 安装
npm install --save-dev prettier-standard

使用

prettier-standard 提供了多种命令行选项，以下是一些常用的用法：

# 格式化所有文件并进行代码检查
prettier-standard --lint

# 仅格式化指定文件
prettier-standard '**/*.js'

# 仅检查格式化，不进行格式化操作
prettier-standard --check

配置

你可以在项目根目录下创建一个 .prettierrc 文件来自定义 Prettier 的配置，例如：

{
  "semi": true,
  "singleQuote": true,
  "printWidth": 80
}

3. 应用案例和最佳实践

在 Vue 项目中使用

在 Vue 项目中，你可以通过配置 prettier-standard 来统一代码风格。以下是一个示例配置：

{
  "scripts": {
    "format": "prettier-standard --format",
    "lint": "prettier-standard --lint"
  }
}

在 Git 提交前自动格式化

你可以使用 lint-staged 在 Git 提交前自动格式化代码：

{
  "scripts": {
    "precommit": "lint-staged"
  },
  "lint-staged": {
    "*": ["prettier-standard --lint"]
  }
}

4. 典型生态项目

编辑器插件

Vim

推荐使用 ale 插件，并配置 prettier-standard 作为代码格式化工具：

Plug 'w0rp/ale'
let g:ale_fixers = {
\   'javascript': ['prettier_standard']
\}
let g:ale_linters = {
\   'javascript': ['']
\}
let g:ale_fix_on_save = 1

Sublime Text 3

你可以通过 SublimeJsPrettier 插件在 Sublime Text 3 中使用 prettier-standard：

1. 全局安装 prettier-standard。
2. 找到 prettier-standard 的可执行文件路径。
3. 配置 SublimeJsPrettier 插件，指定 prettier-standard 的路径。

{
  "prettier_cli_path": "/usr/local/bin/prettier-standard"
}

通过以上配置，你可以在 Sublime Text 3 中使用 prettier-standard 进行代码格式化。

【免费下载链接】prettier-standard Formats with Prettier and lints with ESLint+Standard! (✿◠‿◠) 项目地址: https://gitcode.com/gh_mirrors/pr/prettier-standard