Debian下JS代碼風格如何統一

在Debian系統下，要統一JavaScript代碼風格，你可以遵循以下幾個步驟：

1. 安裝Prettier：Prettier是一個流行的代碼格式化工具，支持多種語言，包括JavaScript。在Debian終端中運行以下命令安裝Prettier：

sudo apt-get update
sudo apt-get install prettier

2. 創建一個.prettierrc配置文件：在你的項目根目錄下創建一個名為.prettierrc的文件，用于存放Prettier的配置。在這個文件中，你可以定義代碼風格規則，例如縮進、換行符、引號等。以下是一個簡單的示例：

{
  "semi": true,
  "singleQuote": true,
  "tabWidth": 2,
  "printWidth": 80,
  "trailingComma": "es5",
  "bracketSpacing": true,
  "arrowParens": "always"
}

3. 安裝ESLint：ESLint是一個JavaScript代碼質量和風格檢查工具。在Debian終端中運行以下命令安裝ESLint：

sudo apt-get update
sudo apt-get install eslint

4. 初始化ESLint配置：在你的項目根目錄下運行以下命令，創建一個名為.eslintrc.json的文件，用于存放ESLint的配置。在這個文件中，你可以定義代碼風格規則和檢查項。以下是一個簡單的示例：

{
  "extends": "eslint:recommended",
  "env": {
    "browser": true,
    "node": true,
    "es6": true
  },
  "parserOptions": {
    "ecmaVersion": 2018,
    "sourceType": "module"
  },
  "rules": {
    "indent": ["error", 2],
    "quotes": ["error", "single"],
    "semi": ["error", "always"],
    "no-console": "warn"
  }
}

5. 將Prettier和ESLint集成：在你的項目中，你可以使用eslint-plugin-prettier和eslint-config-prettier將Prettier和ESLint集成在一起。首先安裝這兩個包：

npm install eslint-plugin-prettier eslint-config-prettier --save-dev

然后，在.eslintrc.json文件中添加以下配置：

{
  "extends": [
    "eslint:recommended",
    "plugin:prettier/recommended"
  ],
  "plugins": ["prettier"],
  "rules": {
    "prettier/prettier": "error"
  }
}

現在，你可以使用Prettier和ESLint來統一Debian系統下的JavaScript代碼風格。在項目根目錄下運行以下命令，Prettier將自動格式化你的代碼：

npx prettier --write .

此外，你還可以將ESLint添加到你的編輯器或IDE中，以便在編寫代碼時實時檢查代碼風格。