更改配置

Author: zhangkang

.DS_Store

@@ -0,0 +1,58 @@
+
+{
+  //文件名 .eslintrc.json
+  "env": {
+    "browser": true,
+    "es6": true,
+    "node": true,
+    "commonjs": true
+  },
+  "extends": "eslint:recommended",
+  "installedESLint": true,
+  "parserOptions": {
+    "ecmaFeatures": {
+      "experimentalObjectRestSpread": true,
+      "jsx": true,
+      "arrowFunctions": true,
+      "classes": true,
+      "modules": true,
+      "defaultParams": true
+    },
+    "sourceType": "module"
+  },
+  "parser": "babel-eslint",
+  "plugins": ["react"],
+  "rules": {
+    "linebreak-style": ["error", "unix"],
+    //"semi": ["error", "always"],
+    "no-empty": 0,
+    "comma-dangle": 0,
+    "no-unused-vars": 0,
+    "no-console": 0,
+    "no-const-assign": 2,
+    "no-dupe-class-members": 2,
+    "no-duplicate-case": 2,
+    "no-extra-parens": [2, "functions"],
+    "no-self-compare": 2,
+    "accessor-pairs": 2,
+    "comma-spacing": [
+      2,
+      {
+        "before": false,
+        "after": true
+      }
+    ],
+    "constructor-super": 2,
+    "new-cap": [
+      2,
+      {
+        "newIsCap": true,
+        "capIsNew": false
+      }
+    ],
+    "new-parens": 2,
+    "no-array-constructor": 2,
+    "no-class-assign": 2,
+    "no-cond-assign": 2
+  }
+}

.eslintrc.js

@@ -1,6 +1,6 @@
 import useInitial from '@/hooks/useInitail';
 import React, { useRef } from "react";
-import { Viewer } from "@bytemd/react";
+import { Viewer} from "@bytemd/react";
 import * as API from './api';
 import gfm from "@bytemd/plugin-gfm";
 import highlightssr from "@bytemd/plugin-highlight-ssr";
@@ -47,13 +47,13 @@ const plugins = [
 
 const Article: React.FC = () => {
   const {artid} = useParams<any>();
-  const {data} = useInitial(API.getArticleDetail,{content: ''},{artid: Number(artid)})
+  const {data} = useInitial(API.getArticleDetail,{content: '测试'},{artid: Number(artid)})
   const {data: commentList, setLoading: setCommentLoading} = useInitial(API.findCommentList,[], {artid: Number(artid)})
   const [visible,setVisible] = React.useState(false);
   const [row, setRow] = React.useState<CommentType>({});
   const [form] = Form.useForm();
 
-  console.log(commentList)
+  console.log(data);
 
   const onSave = (values:any) => {
     console.log(values)
@@ -80,7 +80,7 @@ const Article: React.FC = () => {
   return (
     <div className="article-content">
       <div className="article-container">
-        <Viewer value={data.content} plugins={plugins} />
+        <Viewer value={data.content} plugins={plugins}/>
       </div>
       <div className="nav-container">
         {/* <div style={{color: 'black', fontSize: 20,textAlign: 'center'}}>目录</div> */}

.eslintrc.json

@@ -1,30 +1,66 @@
+// {
+//   "compilerOptions": {
+//     "experimentalDecorators": true,
+//     "target": "ESNext",
+//     "useDefineForClassFields": true,
+//     "lib": ["DOM", "DOM.Iterable", "ESNext"],
+//     "allowJs": false,
+//     "skipLibCheck": false,
+//     "esModuleInterop": false,
+//     "allowSyntheticDefaultImports": true,
+//     "strict": true,
+//     "forceConsistentCasingInFileNames": true,
+//     "module": "ESNext",
+//     "moduleResolution": "Node",
+//     "resolveJsonModule": true,
+//     "isolatedModules": true,
+//     "noEmit": true,
+//     "jsx": "react",
+//     "baseUrl": ".",
+//     "paths": {
+//       "@/*": ["./src/*"]
+//     },
+//   },
+//   "include": [
+//     "src",
+//   ],
+//   "exclude": [
+//     "node_modules"
+//   ],
+// }
 {
   "compilerOptions": {
-    "experimentalDecorators": true,
-    "target": "ESNext",
-    "useDefineForClassFields": true,
-    "lib": ["DOM", "DOM.Iterable", "ESNext"],
-    "allowJs": false,
-    "skipLibCheck": false,
-    "esModuleInterop": false,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "module": "ESNext",
-    "moduleResolution": "Node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react",
+    "target": "es5", // 指定 ECMAScript 版本
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ], // 要包含在编译中的依赖库文件列表
+    "allowJs": true, // 允许编译 JavaScript 文件
+    "skipLibCheck": true, // 跳过所有声明文件的类型检查
+    "esModuleInterop": true, // 禁用命名空间引用 (import * as fs from "fs") 启用 CJS/AMD/UMD 风格引用 (import fs from "fs")
+    "allowSyntheticDefaultImports": true, // 允许从没有默认导出的模块进行默认导入
+    "strict": true, // 启用所有严格类型检查选项
+    "forceConsistentCasingInFileNames": true, // 不允许对同一个文件使用不一致格式的引用
+    "module": "esnext", // 指定模块代码生成
+    "moduleResolution": "node", // 使用 Node.js 风格解析模块
+    "resolveJsonModule": true, // 允许使用 .json 扩展名导入的模块
+    "noEmit": true, // 不输出(意思是不编译代码，只执行类型检查
+    "jsx": "react", // 在.tsx文件中支持JSX
+    "sourceMap": true, // 生成相应的.map文件
+    "declaration": true, // 生成相应的.d.ts文件
+    "noUnusedLocals": true, // 报告未使用的本地变量的错误
+    "noUnusedParameters": true, // 报告未使用参数的错误
+    "experimentalDecorators": true, // 启用对ES装饰器的实验性支持
+    "incremental": true, // 通过从以前的编译中读取/写入信息到磁盘上的文件来启用增量编译
+    "noFallthroughCasesInSwitch": true ,
     "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"]
     },
   },
   "include": [
-    "src",
-  ],
-  "exclude": [
-    "node_modules"
+    "src/**/*" // *** TypeScript文件应该进行类型检查 ***
   ],
+  "exclude": ["node_modules"] // *** 不进行类型检查的文件 ***}
 }

src/.DS_Store

@@ -1,5 +1,6 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
+// @ts-ignore
 import path from 'path'
 // import typescript from "@rollup/plugin-typescript";
 
@@ -14,6 +15,7 @@ export default defineConfig({
   base: './',
   resolve:{
     alias:{
+      // @ts-ignore
       '@': path.resolve(__dirname,'./src')
     },
     extensions: [".tsx", ".ts", ".js"],