create-comate-pagebuilder 1.0.14 → 1.0.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-comate-pagebuilder",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "description": "Create a modern, minimalist React + Vite + Tailwind CSS project",
   "type": "commonjs",
   "bin": {

package/template/.claude/settings.local.json

@@ -0,0 +1,12 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(npx eslint:*)",
+      "Bash(cat:*)",
+      "Bash(npm ls:*)",
+      "Bash(npm run lint:*)"
+    ],
+    "deny": [],
+    "ask": []
+  }
+}

package/template/.eslintignore

@@ -0,0 +1,2 @@
+node_modules
+build

package/template/.eslintrc.js

@@ -0,0 +1,17 @@
+module.exports = {
+    parser: '@babel/eslint-parser',
+    parserOptions: {
+        requireConfigFile: false,
+        babelOptions: {
+            presets: [
+                [require.resolve('@babel/preset-react'), {runtime: 'automatic'}],
+            ],
+        },
+    },
+    extends: [
+        '@ecomfe/eslint-config',
+        '@ecomfe/eslint-config/baidu/default',
+        '@ecomfe/eslint-config/baidu/defect',
+        '@ecomfe/eslint-config/react',
+    ],
+};

package/template/README.md

@@ -50,6 +50,43 @@ src/
 └── index.css        # 全局样式
 ```
 
+## 🔍 代码规范
+
+项目使用 ESLint 进行代码质量检查，基于 **@ecomfe/eslint-config** 规范（百度前端团队代码规范）。
+
+### 运行 Lint 检查
+
+```bash
+# 检查代码
+npm run lint
+
+# 自动修复可修复的问题
+npm run lint:fix
+```
+
+### 主要规范要点
+
+- **缩进**：4 个空格（JavaScript）+ 4 个空格（JSX）
+- **未使用变量**：报错级别（`no-unused-vars: error`）
+- **对象/数组空格**：紧凑风格，不允许空格（`{a: 1}` ✅ / `{ a: 1 }` ❌）
+- **React Hooks**：强制遵循 Hooks 规则
+- **JSX 文件扩展名**：`.js`, `.jsx`, `.tsx` 均可
+
+### 自定义规则
+
+如需调整规则，在 [.eslintrc.json](.eslintrc.json) 中添加 `rules` 字段：
+
+```json
+{
+  "rules": {
+    "no-unused-vars": "warn",  // 改为警告
+    "indent": ["error", 2]     // 改为 2 空格缩进
+  }
+}
+```
+
+> 💡 提示：在 VSCode 中安装 ESLint 插件可实时查看代码问题
+
 ## 🎨 配色系统
 
 模板提供标准化的配色结构，在 `tailwind.config.js` 中定义：