1. 安装依赖：

   • 使用 npm 安装 Karing 和 create-react-app。

     npx create-react-app my-karing-app
     npm install karing

   • 或者使用 yarn：

     npx create-react-app my-karing-app
     yarn add karing

2. 创建项目文件：

   • 项目目录 my-karing-app 内已包含基础文件，包括 src 和 public。

3. 导入 Karing：

   • 在 src/index.tsx 中添加导入语句。

     import Karing from 'karing';

4. 使用 Karing 组件：

   • 在组件中使用 Karing 提供的组件，如 KaringButton。

     function App() {
     return (
       <div>
         <KaringButton size="large" variant="outline" className="mb-4">
           Click me!
         </KaringButton>
       </div>
     );
     }

5. 启动项目：

   cd my-karing-app
   npm start

   项目将在浏览器中打开,显示 Karing 组件。

示例完整代码：

import React, { useState } from 'react';
import Karing from 'karing';
function App() {
  const [count, setCount] = useState();
  return (
    <div className="container mt-4">
      <KaringButton
        size="large"
        variant="outline"
        onClick={() => setCount(count + 1)}
      >
        Click Me! ({count})
      </KaringButton>
    </div>
  );
}
export default App;

注意事项：

• 确保 npm 源正确，可能需要先运行 npm install --save-dev。
• 如果在 src 目录没有找到 Karing 组件，可能需要检查 karing 的安装是否正确。
• 可以参考 Karing 官方文档，了解更多组件和配置选项。