feat: install prettier to format code and add react-dev-inspector to locate code in the IDE faster (#44)

* feat: add react-dev-inspector to locate code in the IDE faster

* feat: install prettier to format code

---------

Co-authored-by: yangqianjuan <1072483500@qq.com>

web/src/app.tsx

@@ -0,0 +1,6 @@
+import React, { ReactNode } from "react";
+import { Inspector } from "react-dev-inspector";
+
+export function rootContainer(container: ReactNode) {
+  return React.createElement(Inspector, null, container);
+}

web/src/pages/knowledge/index.less

@@ -1,41 +1,40 @@
 .knowledge {
-    padding: 24px;
+  padding: 24px;
 }
 
 .container {
-    height: 100px;
+  height: 100px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+
+  .content {
     display: flex;
-    flex-direction: column;
     justify-content: space-between;
 
-    .content {
-        display: flex;
-        justify-content: space-between;
-
-        .context {
-            flex: 1
-        }
+    .context {
+      flex: 1;
     }
+  }
 
-    .footer {
-        height: 20px;
+  .footer {
+    height: 20px;
 
-        .text {
-            margin-left: 10px;
-        }
+    .text {
+      margin-left: 10px;
     }
+  }
 }
 
 .card {
-    :global {
-        .ant-card-body {
-            padding: 10px;
-            margin: 0;
-        }
-
-        margin-bottom: 10px;
+  :global {
+    .ant-card-body {
+      padding: 10px;
+      margin: 0;
     }
 
-    cursor: pointer;
+    margin-bottom: 10px;
+  }
 
-}
+  cursor: pointer;
+}

web/src/pages/knowledge/model.ts

@@ -1,10 +1,9 @@
-import { Effect, Reducer, Subscription } from 'umi'
-import { message } from 'antd';
 import kbService from '@/services/kbService';
+import { Effect, Reducer, Subscription } from 'umi';
 
 export interface knowledgeModelState {
   loading: boolean;
-  data: any[]
+  data: any[];
 }
 export interface knowledgegModelType {
   namespace: 'knowledgeModel';
@@ -22,45 +21,44 @@ const Model: knowledgegModelType = {
   namespace: 'knowledgeModel',
   state: {
     loading: false,
-    data: []
+    data: [],
   },
   subscriptions: {
     setup({ dispatch, history }) {
-      history.listen(location => {
-        console.log(location)
+      history.listen((location) => {
+        console.log(location);
       });
-    }
+    },
   },
   effects: {
-    * rmKb({ payload = {}, callback }, { call, put }) {
+    *rmKb({ payload = {}, callback }, { call, put }) {
       const { data, response } = yield call(kbService.rmKb, payload);
-      const { retcode, data: res, retmsg } = data
+      const { retcode, data: res, retmsg } = data;
       if (retcode === 0) {
-        callback && callback()
-
+        callback && callback();
       }
     },
     *getList({ payload = {} }, { call, put }) {
       yield put({
         type: 'updateState',
         payload: {
-          loading: true
-        }
+          loading: true,
+        },
       });
       const { data, response } = yield call(kbService.getList, payload);
-      const { retcode, data: res, retmsg } = data
+      const { retcode, data: res, retmsg } = data;
       yield put({
         type: 'updateState',
         payload: {
-          loading: false
-        }
+          loading: false,
+        },
       });
       if (retcode === 0) {
         yield put({
           type: 'updateState',
           payload: {
-            data: res
-          }
+            data: res,
+          },
         });
       }
     },
@@ -69,9 +67,9 @@ const Model: knowledgegModelType = {
     updateState(state, { payload }) {
       return {
         ...state,
-        ...payload
+        ...payload,
       };
-    }
-  }
+    },
+  },
 };
 export default Model;