JavaScript代码风格指南 - ESLint配置

ESLint是JavaScript项目中不可或缺的代码规范工具，能有效提升代码可维护性与团队协作效率。🛠️

核心配置原则

1. 统一规范
   通过.eslintrc.js文件定义规则，如：

   module.exports = {
     extends: ['eslint:recommended', 'plugin:vue/vue3-recommended'],
     rules: {
       'indent': ['error', 2], // 缩进2空格
       'quotes': ['error', 'single'], // 单引号
       'semi': ['error', 'always'] // 强制分号
     }
   }
   

2. 规则示例

   • ⚠️ 错误示例：

     function test() {
       let x = 10
       console.log(x)
     }
     

     （缺少分号，违反semi规则）
   • ✅ 正确示例：

     function test() {
       let x = 10;
       console.log(x);
     }
     

3. 最佳实践
   推荐使用ESLint官方配置模板作为基础，结合项目需求自定义规则。

   

扩展阅读

• 深入理解ESLint插件机制
• 📚 JavaScript代码规范标准文档

通过合理配置ESLint，团队可以实现代码质量的持续提升！📊