diff --git a/back/data/dependence.ts b/back/data/dependence.ts
index 6682c3e9..f15e1489 100644
--- a/back/data/dependence.ts
+++ b/back/data/dependence.ts
@@ -37,13 +37,13 @@ export enum DependenceTypes {
 }
 
 export enum InstallDependenceCommandTypes {
-  'npm i -g -f --loglevel warn',
+  'pnpm add -g',
   'pip3 install',
   'apk add --no-cache -f',
 }
 
 export enum unInstallDependenceCommandTypes {
-  'npm uninstall -g -f --loglevel warn',
+  'pnpm remove -g',
   'pip3 uninstall -y',
   'apk del -f',
 }
diff --git a/src/pages/dependence/logModal.tsx b/src/pages/dependence/logModal.tsx
index f790722b..03edddc3 100644
--- a/src/pages/dependence/logModal.tsx
+++ b/src/pages/dependence/logModal.tsx
@@ -7,6 +7,7 @@ import {
   CheckCircleOutlined,
 } from '@ant-design/icons';
 import { PageLoading } from '@ant-design/pro-layout';
+import Ansi from 'ansi-to-react';
 
 const DependenceLogModal = ({
   dependence,
@@ -140,7 +141,7 @@ const DependenceLogModal = ({
               : {}
           }
         >
-          {value}
+          <Ansi>{value}</Ansi>
         </pre>
       )}
     </Modal>