ubuntu中js代码如何规范

在Ubuntu上写Ja vaScript，怎么才能写出既规范又优雅的代码？这事儿其实有不少门道，今天就来聊聊一套完整的流程，从环境搭建到代码检查、格式化，再到自动化，一步到位。

1. 安装Node.js和npm

这步是基础中的基础。Node.js和npm是所有现代Ja vaScript开发的前提。直接用包管理器安装就行：

sudo apt update
sudo apt install nodejs npm

装完记得验证一下版本，确保一切正常。

2. 用ESLint给代码把把关

ESLint是目前最主流的Ja vaScript代码检查工具，能帮你揪出潜在问题，还能强制统一编码风格。团队协作时尤其好用。

安装ESLint

sudo npm install eslint --sa ve-dev

初始化配置

在项目根目录下运行：

npx eslint --init

根据提示选择适合你项目的选项。比如：

• 检查语法、发现问题、强制代码风格
• 使用ES模块（import/export）
• 运行环境选Node.js
• 选择流行的风格指南，比如Airbnb的

这样一步就能生成一份合理的配置文件，省去手动摸索的麻烦。

3. 自定义ESLint规则

默认配置不一定完全符合你的偏好，完全可以按需调整。编辑项目根目录下的.eslintrc.js文件，添加或修改规则。举个例子：

module.exports = {
  env: {
    browser: true,
    es6: true,
    node: true,
  },
  extends: 'airbnb-base',
  parserOptions: {
    ecmaVersion: 2020,
    sourceType: 'module',
  },
  rules: {
    // 自定义规则
    'no-console': 'off', // 允许使用console
    'indent': ['error', 2], // 缩进为2个空格
  },
};

这样既能保持Airbnb指南的严谨，又能灵活放开一些你实际需要的选项。

4. 用Prettier进行代码格式化

ESLint管的是“对错”，Prettier管的是“美观”——自动把代码格式化成统一风格，省去手动对齐的精力。

安装Prettier

sudo npm install prettier --sa ve-dev

初始化配置

可以手动创建.prettierrc文件，写清楚你的格式偏好：

{
  "semi": true,
  "singleQuote": true,
  "tabWidth": 2,
  "trailingComma": "es5"
}

然后运行npx prettier --write .就能一键格式化整个项目。

5. 用Git Hooks实现自动化检查

手动跑检查总容易忘，最佳方案是在提交代码前自动触发。Husky和lint-staged这对组合就是干这个的。

安装Husky和lint-staged

sudo npm install husky lint-staged --sa ve-dev

配置package.json

在package.json里添加以下内容：

{
  "husky": {
    "hooks": {
      "pre-commit": "lint-staged"
    }
  },
  "lint-staged": {
    "*.js": [
      "eslint --fix",
      "prettier --write",
      "git add"
    ]
  }
}

以后每次git commit，都会自动对暂存区的JS文件先做ESLint修复和Prettier格式化，再提交。既保证了代码质量，又省心。

6. 编码规范与最佳实践

工具只是辅助，真正写出好代码还得靠习惯。这里列几条常见建议：

• 用const和let，别再用var了
• 多用箭头函数和解构赋值，代码更简洁
• 避免全局变量，做好模块化
• 该写的注释别偷懒，但别写废话

把这些步骤串起来，你就能在Ubuntu上轻松搭建一套规范、高效的Ja vaScript开发流程。从环境到检查再到自动提交，每一步都清晰可循，剩下的就是静下心来写代码了。